第n個孩子選擇器

Question

對this page我想交替地將每張藝術家照片左右旋轉。我使用的是做到這一點的選擇是

.artistsList img:nth-child(2n+1) { 
    -moz-transform: rotate(-4deg); 
} 

.artistsList img:nth-child(2n) { 
    -moz-transform: rotate(4deg); 
} 

但由於某些原因，第一個規則被應用到所有圖像，所以他們都得到向左旋轉。

Answer 1

這是因爲你有HTML結構。每張圖片都是其父母的第一個孩子。這些選擇器應該對你更好：

.artistsList div.artistEntry:nth-child(odd) img { ... } 
.artistsList div.artistEntry:nth-child(even) img { ... }