css - 在 div 图像上使用 :nth-child(odd) 选择器

Question

我在使用 CSS 的:nth-child(odd)选择器时遇到了一些麻烦。当我基于 div 类选择它时，似乎将 CSS 规则应用于每个图像。

例如：

.class img:nth-child(odd) { margin-right:10px; }

这导致所有这些都被选中。尝试使用

img.class:nth-child(odd) { margin-right:10px; }

并得到相同的结果。 http://jsfiddle.net/7mUDG/

它仅适用于表格元素或其他东西吗？我是不是选错了？

非常感谢，所以

score 4 · Accepted Answer

4

您的 :nth-child 选择器太深了一层。看看http://jsfiddle.net/demchak_alex/7mUDG/2/

于 2012-08-02T15:21:55.643 回答

score 4 · Accepted Answer

4

.hello a:nth-child(odd) {
    margin-right:10px;
}

于 2012-08-02T15:32:03.807 回答

score 1 · Accepted Answer

我用了 2n-1 效果很好

还将边距更改为红色边框，使其更容易看到

3 回答 3