jQuery と CSS3 :not() セレクター: 主な違いと回避策は何ですか?

:not() の不一致への対処

jQuery の :not() セレクターと CSS3 標準の間には、特定の違いが存在します。詳細は次のとおりです:

主な違い

1. カンマ区切りのセレクター リスト: jQuery では許可されていますが、CSS3 では許可されていません。
2. 複合セレクター組み合わせ: jQuery は許可しますが、CSS3 は単純なセレクターのみをサポートします。
3. コンビネーター: jQuery はサポートしますが、CSS3 はサポートしません。

カンマ区切りの回避策リスト:

提供された例の問題を解決するには、CSS で複数の :not() セレクターをチェーンします:

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

Why the Difference?

jQuery は、.not() メソッドの機能に合わせて、任意の複雑なセレクターをサポートするために :not() を拡張します。ただし、CSS3 の :not() は単一の単純なセレクターに制限されています。

:not() の将来:

セレクター レベル 4 では、複雑なものを受け入れるように :not() が強化されています。 jQuery のアプローチに合わせたセレクター チェーン。このレベルのサポートが拡大するにつれて、将来のブラウザでは不一致が減少する予定です。

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