css - 表格中交替行的样式

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");
});