第n个孩子选择器

Question

在这个页面上,我想交替地向左和向右旋转每个艺术家照片.我正在使用的选择器是

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