1

親内のすべての奇数要素を選択するために使用できるが、必ずしも兄弟ではない 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、このリストの奇数インデックスのものだけにスタイルを適用することです。

jsFiddle のデモ。

</p>

4

2 に答える 2

1

JavaScript を使用していますが、マークアップを変更せずに奇妙な要素のスタイルを設定できます。

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

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

于 2012-12-20T15:54:00.990 に答える
1

セレクターを1つに絞ることはできませんでしたが、2つ...

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

JSFiddleで見る

于 2012-12-20T16:15:04.767 に答える