Значения - ключевые слова even или odd. Они позволяют выбрать вам четные
Или соответственно нечетные элементы. Например, если вам нужно выделить
Фон для каждой нечетной строки в таблице одним цветом, а фон четного - другим,
то воспользуйтесь следующим стилем:
tаЫе tr:nth-child(odd) { bacкground - color: #09FOFF: }
tаЫе tr:nth-child(even ) { bacкground- color: #FFFFFF : }
Теп ерь это самый простой сnособ для раскраски различных строк таблиц
(рис. 16.3). Но nth -chi ld() способен на большее. С его nомощью вы можете
Выбрать, скажем, каждый третий дочерний элемент в целой серии, начиная со
Второго. Для nримера предположим, что вам нужно подсветить каждую третью
ячейку строки в таблице (тег <td> ), начиная со второй строки. Вот что вам нужно:
tr td:nth-child(Зn+2) { bacкground-color: #900: }
Число nеред n (в нашем примере это 3) nредставляет собой период. Таким образом,
Зn означает каждый третий элемент, а 4n- каждый четвертый. Знак +
вместе со вторым числом (в примере выше это +2) говорит, с какого элемента
следует начать: +2 оз~ачает начать со второго дочернего элемента, а +5 - с nятого.
Следовательно, nth-child(5n+4) выберет каждый пятый элемент, начиная
С четвертого дочернего.
ТаЫе Rows
Рмс. 16.3. Простейший nyrь для раскрашивания таблиц - использование новых селекторов.
Можно даже раскрашивать чередующиеся столбцы, указывая каждую отдельную ячейку
Или, как в данном примере, каждый третий столбец. начиная со второго
