nth-child 交替 2 行 [重复]答案

【问题标题】：nth-child to alternate by 2 rows [duplicate]nth-child 交替 2 行 [重复]
【发布时间】：2014-04-11 00:47:37
【问题描述】：

我想使用 CSS3 的 nth-child 选择器在两行粗的背景颜色之间交替，而不是使用 nth-child(odd) 时通常的一行。

所以我们会有一张桌子：

ROW 1: Blue
ROW 2: Blue
ROW 3: Red
ROW 4: Red
ROW 5: Blue
ROW 6: Blue

【问题讨论】：

另外，您的小提琴实际上并没有说明您在问题中提出的内容；该演示的第 1-2 行为红色，而您的问题将 1-2 指定为蓝色。没什么大不了的，但它使下面的答案令人困惑，因为他们回答的是小提琴而不是你的书面规范。
有关易于扩展的 Sass 解决方案，请参阅 this answer

【解决方案1】：

你可以用这个：

tr {
    background: blue;
}

tr:nth-child(4n+1), tr:nth-child(4n+2) {
    background: red;
}

n 将从 0 开始计数。

【讨论】：