jQuery:oddセレクターとCSS3 nth-child(odd)の動作が異なることがわかりました。 http://jsfiddle.net/TMDwT/5/
黄色はCSSnth-child(odd)であり、JSのコメントを外して背景にコメントすると、CSSの黄色は別の方法で見つかったことがわかります。
jQueryと同じ結果をCSS3でどのように達成するかを誰かが言うことができますか?
ありがとう!
jQuery:oddセレクターとCSS3 nth-child(odd)の動作が異なることがわかりました。 http://jsfiddle.net/TMDwT/5/
黄色はCSSnth-child(odd)であり、JSのコメントを外して背景にコメントすると、CSSの黄色は別の方法で見つかったことがわかります。
jQueryと同じ結果をCSS3でどのように達成するかを誰かが言うことができますか?
ありがとう!
はい、: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)
も)、同じ要素とは一致しません。