第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 { ... }