每两个表行的第 n 个子级

我需要将表格的每两行设为灰色，如果可能的话，我更愿意使用 nth-child 。

我已经搞乱了Chris Coyier 的第 n 个孩子测试员 http://css-tricks.com/examples/nth-child-tester/但仍然无法得到它。

我需要以下公式：

1,2 - grey
3,4 - white
5,6 - grey
7,8 - white
9,10 - grey

等等。我不想在 html 中放置一个类，因为我确信这将是一些人的建议。如果有办法用 nth-child 来实现这一点，那就是我正在寻找的。

意识到你正在做 4 组，然后你可以看到你可以让每个第 4 个元素和每个第 4 个元素减 1 为白色，然后每个第 4 个元素减 2，或者每个第 4 个元素减 3 为灰色。

所以，你会用4n and 4n-1, then 4n-2 and 4n-3:

div:nth-child(4n), div:nth-child(4n-1) {
    background: red;
}
div:nth-child(4n-2), div:nth-child(4n-3) {
    background: blue;
}

该代码对于您的情况并不精确，我编写它是为了jsFiddle 概念验证 http://jsfiddle.net/Wte4w/.

注意免责声明：请记住nth-child在 IE8 中不起作用。当然，典型的问题。