Фактически CSS позволяет не только разрешить четные/нечетные альтернативы, но и произвольные интервалы. Ключевые слова 'even' (четный) и 'odd' (нечетный) являются просто удобными условными обозначениями. Например, для длинного списка рекомендуется сделать следующее:
li:nth-child(5n+3) {font-weight: bold}
Это говорит о том, что каждый 5й список пустой, начиная с 3го. Другим словами, пункты под номерами 3, 8, 13, 18, 23 и т.д. будут пустыми.
ЧЕТНЫЕ И НЕЧЕТНЫЕ КОЛОНКИ
То же самое действует для колонок таблицы, но для этого нужен элемент в документе, который соответствует колонке. Для этого HTML обеспечивает COL. Таблица должна начинаться с одного COL для каждой колонки:
<table>
<col><col><col><col><col><col><col><col><col><col>
<tr><th>Month<th>1994<th>1995<th>1996...
(COL может использоваться для других вещей, кроме стилей, но в этом случае все что нам нужно, чтобы присутствовали COL элементы.)
(с) Оригинал Перевод
:nth-child(2n+1)
? – vp_arth 20 мар '17 в 14:11span:nth-of-type(even)
выберет что нужно, в любой глубине. Т.е. к div здесь (в данном случае) обращаться не нужно. Но nth-of-type почему-то не работает здесь... – CodeGust 20 мар '17 в 14:45nth
применяет стили к списку элементов, которые находятся на одном уровне. Нельзя применитьnth
к элементам, которые находятся в разных родителях. – Yuri 20 мар '17 в 14:50