jQuery の `:not()` セレクターが CSS の `:not()` のように動作しないのはなぜですか?

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

jQuery の :not() セレクターは、CSS3 準拠であると主張していますが、機能に大きな違いがあります。で定義された :not() 擬似クラスとの比較CSS3.

構文と機能の違い:

• 複数のセレクターの受け渡し: jQuery では、セレクターのカンマ区切りリストを CSS3 に渡すことができます。 :not() ですが、CSS3 :not() は単一の単純なメソッドのみを受け入れますselector.
• 単純なセレクターの結合: jQuery では、複数の単純なセレクターを複合セレクターに結合して :not() で使用できますが、CSS3 ではできません。
• 使用コンビネータ: jQuery は :not() セレクターでのコンビネータの使用をサポートしていますが、CSS3 ではサポートしています。

結果:

CSS で jQuery :not() セレクターを直接使用しようとすると、次の理由により意図したとおりに動作しない可能性があります。構文と機能の違い。質問に示されている例は、この問題を示しています。

CSS3 の回避策:

これらの制限を回避するために、CSS3 は次の回避策を提供しています:

• 複数の :not() セレクター: 複数の :not() をチェーンするセレクターをまとめて複数の単純なセレクターを否定します。
• 複合セレクターの分割: 複合セレクターを複数の否定に分割します。
• 代替方法: 代替 CSS を使用します。疑似クラスとcombinators.

注:

CSS3 は最終的に、Selectors 4 で定義された強化された :not() セレクターをサポートし、より広範な機能が可能になります。ただし、これはまだ将来の標準であり、広く実装されていません。

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