CSS セレクターで特定のクラス名の要素を除外するにはどうすればよいですか?

CSS セレクターでの特定のクラス名の除外

CSS では、多くの場合、特定のクラス名に基づいて要素をターゲットにすることが必要になります。ただし、要素に複数のクラス名が存在する場合、ターゲティングがより複雑になる可能性があります。よくある課題の 1 つは、特定のクラス名を持つ要素を除外することです。

次のシナリオを考えてみましょう:

• マウスを「」の付いた要素の上に置いたときに背景色を適用したいとします。 reMode_hover" クラス。
• ただし、要素に "reMode_selected" クラスもある場合は色を変更したくないです。

特定のクラス名の要素を除外するには、次のようにします。 「not」セレクターを使用できます。このセレクターを使用すると、指定された条件に一致しない要素をターゲットにすることができます。この場合、次のように使用します。

<code class="css">.reMode_hover:not(.reMode_selected):hover {
  background-color: #f0ac00;
}</code>

このセレクターは、「reMode_selected」クラスを持たない限り、「reMode_hover」クラスを持つ要素に背景色を適用します。両方の条件を満たす要素を効果的に除外します。

以上がCSS セレクターで特定のクラス名の要素を除外するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。