nth-child要交替2行

Question

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

The "Result" section of this jsFiddle illustrates what I want.

所以我们有一张桌子：

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

Answer 1

您可以使用：

tr {
    background: blue;
}

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

n将从0开始计算。

<强> DEMO