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 に答える