HTML/CSS3表行:前2行为白色,后2行为灰色,然后是2再次为白色,依此类推？

Question

可能重复:
每两个表行的nth-child

我正在努力进入CSS3 nth-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开始的每第4行和-1,您可以使用nth-child(4n-2)和来定位其间的行nth-child(4n-3).

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