Выбрать теги по порядковому номеру можно с помощью псевдоклассов :nth-child
и :nth-last-child
(отсчет ведется от последнего элемента).
Пример выберет четвертый элемент, четвертый элемент с конца, четные и нечетные элементы списка (выражением может быть число или формула):
li:nth-child(4) {} li:nth-last-child(4) {} li:nth-child(2n){} / li:nth-child(odd) {} li:nth-child(even) {}
Выбрать теги по порядковому номеру но с учетом типа элементов можно при помощи :nth-of-type
.
Пример выбирает второй по счету элемент ul с учетом типа:
ul:nth-of-type(2) {}
Псевдокласс :nth-last-of-type
выберет элементы по их расположению (второй) и типу, отсчет будет вестись с конца.
ul:nth-last-of-type(2){}
Итого таких псевдокласса 4: :nth-child
, :nth-last-child
, :nth-of-type
, :nth-last-of-type
.