如何将样式应用于特定的一系列元素

Question

我试图用css创建一个由图片组成的马赛克。我也已经很远..我想知道如何选择第二和第三张图片，没有第一和第四，然后再次5和6,8和9等

Answer 1

你可以这样做，通过使用系列1,4,7,10 ......的第n项即3n - 2。

.test { 
    background-color: red; 
} 

.test:nth-child(3n -2) { 
    background-color: blue; 
} 

这里是工作提琴 - https://jsfiddle.net/sgsvenkatesh/gLp9t453/