nth-child要交替2行

Question

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

这个jsFiddle的"结果"部分说明了我想要的东西.

所以我们有一张桌子:

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