CSS global：nth-​​of-type选择器（：nth-​​of-class）

Question

可以使用什么CSS选择器来选择父级内的所有奇数元素，但哪些不一定是兄弟元素？

<div id="parent">
    <div>
        <div class="element">A</div>            
    </div>
    <div class="element">A</div>   
    <div class="element">A</div>         
    <div>
        <div class="element">A</div>            
    </div>
    <div class="element">A</div>            
<div>

我想要的是选择element中的每个parent，并仅为此列表中的奇数索引应用样式。

Demo on jsFiddle.

Answer 1

虽然它使用JavaScript，但您可以在不改变标记的情况下设置奇数元素的样式：

$('.parent .element:odd').css('font-weight', 'bold');

http://jsfiddle.net/ansonhoyt/MfxYF/

Answer 2

我无法将它归结为单选择器，但有两个......

.parent > .element:nth-of-type(2n){
  background:#afa !important;
}
.parent > div:nth-of-type(2n) > .element {
  background:#afa !important;
}

View it on JSFiddle