HTML/CSS3 表格行：前 2 行白色，接下来 2 行灰色，然后再下 2 行白色，等等？ [复制]

【问题标题】：HTML/CSS3 table rows: first 2 rows white, next 2 rows gray, then next 2 white again, and so on? [duplicate]HTML/CSS3 表格行：前 2 行白色，接下来 2 行灰色，然后再下 2 行白色，等等？ [复制]
【发布时间】：2012-10-12 13:21:44
【问题描述】：

可能重复：
nth-child for every two table rows

我正在尝试进入 CSS3 nth-child 选择器，但目前似乎无法正常工作。

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

非常感谢！

【问题讨论】：

标签： html css css-selectors

【解决方案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/

【讨论】：

谢谢！事实上，它似乎一点也不难。这让我很清楚！