HTML/CSS3 表格行 : first 2 rows white, 接下来的 2 行是灰色的，然后接下来的 2 行又是白色的，依此类推？

Question

Possible Duplicate:
nth-child for every two table rows

我正在尝试进入 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 到 -1 开始的每 4 行，您可以使用 nth-child(4n-2) 和 nth-child(4n- 3)。

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