jQuery の `:not()` セレクターが CSS の `:not()` セレクターと異なるのはなぜですか?

jQuery :not() セレクターが CSS で機能しないのはなぜですか?

はじめに

jQuery は CSS3 準拠を主張しているにもかかわらず、:not()セレクターは、によって作成された拡張機能により、jQuery と CSS で異なる動作をします。 jQuery.

主な違い

1. カンマ区切りリスト: jQuery は :not() で複雑なセレクター リストを許可しますが、標準の :not() は単一の単純なセレクター。
2. 複合セレクター: jQuery では :not() 内で複合セレクターを使用できますが、CSS では複数の :not() 句を連鎖する必要があります。
3. コンビネーター: jQuery では :not() で子孫コンビネーターを使用できます。 、これは CSS で禁止されています。

CSS回避策

CSS で目的の動作を実現するには、複数の :not() 句を連結して使用します。

#sectors > div:not(.alpha):not(.beta):not(.gamma)

結論

CSS の制限された機能 :not( ) セレクターは、jQuery から CSS に移行するときに不整合や不便を引き起こします。ただし、CSS の進歩により、将来のバージョンは jQuery の拡張された :not() 動作とより緊密に連携することが示唆されています。

以上がjQuery の `:not()` セレクターが CSS の `:not()` セレクターと異なるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。