css - CSS 全局 :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>

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

jsFiddle 上的演示。

​</p>

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;
}

在 JSFiddle 上查看