:nth-child

Выбирает дочерние элементы по формуле или номеру.

Сигнатураli:nth-child(2n) { ... }

Псевдокласс :nth-child() выбирает детей по порядковому номеру. Принимает число, ключевые слова odd/even или формулу an+b. Считает все дочерние элементы подряд, не учитывая их тип.

/* Чётные строки таблицы */
tr:nth-child(even) {
  background: #f3f4f6;
}

/* Каждый третий элемент */
li:nth-child(3n) {
  color: #2563eb;
}
← Все записи: CSS-селекторы
Поддержать проект