стилизация чередующихся строк в таблице

Question

можно ли установить стиль чередующихся строк в HTML-таблице с помощью селекторов стилей, которые учитывают только иерархию элементов и не используют имена стилей?

Мне нужно стилизовать вывод html, производимый компонентом сервера, и вывод не устанавливает стили для чередующихся строк. я мог бы написать javascript (или просто изменить компонент), но мне любопытно, можно ли это сделать в чистом CSS.

спасибо константин

Answer 1

В CSS 3:

tr:nth-child(odd)    { background-color:#eee; }
tr:nth-child(even)    { background-color:#fff; }

А в CSS 2 вам нужно использовать какой-то класс, например, для таких строк, как:

.even { background-color: #00000; }

, и применять их при генерациистроки на стороне сервера (или в руке ;-)) или, например, с помощью jQuery, например:

$(document).ready(function () {
    $("tr.nth-child(even)").addClass("even");
    //Or
    $("tr:even").addClass("even");
});