在div图像上使用：nth-​​child（奇数）选择器

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/

它仅适用于表格元素或其他内容吗？我错误地选择了吗？

非常感谢，SO

Answer 1

你的：nth-​​child选择器太深了一级。看看http://jsfiddle.net/demchak_alex/7mUDG/2/

Answer 2

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

Answer 3

我使用了2n-1并且工作正常

http://jsfiddle.net/tjharrop/7mUDG/3/

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