html - HTML/CSS3 表格行：前 2 行白色，接下来 2 行灰色，然后再下 2 行白色，等等？

Question

可能重复：
每两个表行的第 n 个子项

我正在尝试使用 CSS3nth-child选择器，但目前似乎无法正常工作。

我想做的是将表格中的前 2 行设为白色，然后将接下来的 2 行设为灰色，然后再将下 2 行设为白色，依此类推。我将如何仅使用 CSS 来做到这一点？

非常感谢！

Answer 1

经过一番摆弄（字面意思），我终于找到了答案：

CSS：

tr:nth-child(4n+0), tr:nth-child(4n-1) {
    background-color: grey;
}​

演示：http: //jsfiddle.net/SO_AMK/3e4Fz/

这会选择从 0 到 -1 的每 4 行，您可以使用nth-child(4n-2)and定位中间的行nth-child(4n-3)。

演示：http: //jsfiddle.net/SO_AMK/nGSfz/