每两个表格行的nth-child

每两个表格行的nth-child

意识到您正在做4组，那么您可以看到每个第4个元素和每个第4个元素减去一个为白色，然后每个第4个元素减去2，或者每个第4个元素减去3为灰色。

因此，您将使用

4n

和

4n-1

，然后使用

4n-2

和

4n-3

：

div:nth-child(4n), div:nth-child(4n-1) {    background: red;}div:nth-child(4n-2), div:nth-child(4n-3) {    background: blue;}

该代码并不适合您的情况，我是为jsFiddle概念验证编写的。

注意：

nth-child

IE8中不起作用。当然，典型的问题。