HTML\CSS → Селекторы на основе нумерации

Выбрать теги по порядковому номеру можно с помощью псевдоклассов :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.