如何將樣式應用於特定的一系列元素

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/