Стилизация четных и нечетных строк и колонок таблицы

Стилизация строк таблицы
Довольно часто для наглядности данных приставленных в таблице требуется стилизовать строки, таким образом, чтобы каждые четные либо нечетные строки или колонки имели свой цвет фона или текста. Этот метод ранее не поддерживался в старых браузерах, и для кроссбраузерности приходилось это дело выполнять с помощью скриптов. Сегодня же эти правила перестают быть из тех, что поддерживаются некоторыми браузерами, и в подавляющем большинстве браузеров работают.
Стили для сток прописываются в таком виде:

tr:nth-child(even) { background: #CCC; }
tr:nth-child(odd) { background: #FFF; }

В результате чего мы можем добиться такого вот вида:

На самом деле правило позволяет не только задавать параметры для четных/нечетных полей, но и допускаются произвольные интервалы. К примеру, для длинных списков вы могли бы задавать такие интервалы:

li:nth-child(5n+3) {font-weight: bold; }

Стилизация колонок таблицы
Мы знаем, как можно стилизовать строки таблицы, теперь давайте посмотрим, как можно стилизовать колонки таблицы, таким же образом, как и в примере указанном выше. Для стилизации колонок таблицы нам необходимо внутри таблицы, перед тем как идут теги tr td указать теги col:

<table>
<colgroup><col><col><col><col><col><col><col><col><col><col></colgroup>
<tr><th>Month<th>'94<th>'95<th>'96...

Сделаем первую колонку таблицы желтым цветом, затем, все последующие каждые вторые колонки серым цветом.

col:first-child {background: #FF0; }
col:nth-child(2n+3) {background: #CCC; }