2

jQuery：oddセレクターとCSS3 nth-child（odd）の動作が異なることがわかりました。 http://jsfiddle.net/TMDwT/5/

黄色はCSSnth-child（odd）であり、JSのコメントを外して背景にコメントすると、CSSの黄色は別の方法で見つかったことがわかります。

jQueryと同じ結果をCSS3でどのように達成するかを誰かが言うことができますか？

ありがとう！

4

1 に答える 1

6

はい、：oddと：nth-​​child（odd）は同じものではありません：

  • :odd一致した要素内の奇数アイテム、つまりセレクターを適用するjQueryオブジェクトのコンテンツと一致します。

  • :nth-child(odd)それぞれの親内の奇数アイテムと一致します。

これは、と、またはとの違いと同じ:firstです。:first-child:last:last-child

更新： zzzzBovとBoltClockが正しく指摘しているように、:oddセレクターはゼロベースですが、:nth-child()セレクターは1ベースです。つまり、2つのセレクターを要素の完全な子リストに適用しても（したがって、との違いを削除し:oddて:nth-child(odd)も）、同じ要素とは一致しません。

于 2012-04-06T14:35:20.027 に答える