CSS 選択から要素を除外する方法: CSS に「not」セレクターはありますか?

CSS Not Selector

質問:

から特定の要素を除外する方法はありますか? CSSの選択？たとえば、クラス「classname」を持つ要素の外側にあるすべての入力フィールドを選択するにはどうすればよいですか?

答え:

残念ながら、現在組み込みの " CSS の not" セレクター。

代替案:

• CSS 回避策: ネストされたセレクターを使用して選択を絞り込むことができます。たとえば、「.classname input」を選択する代わりに、「input:not(.classname input)」をターゲットにして、「classname」クラスを持つ要素内の入力を除外できます。
• jQuery/JavaScript : スクリプトを使用する場合は、より動的なアプローチを取ることができます。提供された jQuery コード $j(':not(.classname)>input').css({background:'red'}) は、「classname」クラスを持つ要素からの入力を除外し、残りの要素に赤色の背景を適用します。 inputs.

サポート ステータス:

Chrome や Firefox などの新しいブラウザでは、「:not()」セレクターがサポートされるようになりました。これは、CSS で構文「:not(.classname) input」を使用して要素を直接除外できることを意味します。ただし、「:not()」のサポートは、特定のブラウザでは依然として制限されています。

以上がCSS 選択から要素を除外する方法: CSS に「not」セレクターはありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。