CSSセレクターの除外セクションの要素は何ですか

:not() セレクターは、特定の条件下で要素を除外するために使用できます。その構文は :not(selector) {style rules} です。例: :not(p) はすべての非段落要素を除外し、li:not(.active) は非アクティブなリスト項目を除外し、:not(table) は非テーブル要素を除外し、div:not([data-role="primary"] ) プライマリ以外の役割を持つ div 要素を除外します。

CSS の一部の要素を除外するセレクター

:not() セレクターは、特定の要素に一致する要素を除外するために使用されます。条件要素。 :not() セレクターの使用方法は次のとおりです。

<code class="css">:not(selector) {
  /* 样式规则 */
}</code>

ここで、

• :not はセレクターのタイプです。
• selector は、除外する要素のセレクターです。

例:

段落ではないすべての要素を除外するには、次のセレクターを使用できます:

<code class="css">:not(p) {
  color: red;
}</code>

Other例:

• 特定のクラス名を持つ要素を除外する: li:not(.active)
• テーブルにない要素を除外する: :not(table)
• 特定の属性を持つ要素を除外します: div:not([data-role="primary"])

以上がCSSセレクターの除外セクションの要素は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。