CSS セレクターでの特定のクラス名の除外
CSS では、多くの場合、特定のクラス名に基づいて要素をターゲットにすることが必要になります。ただし、要素に複数のクラス名が存在する場合、ターゲティングがより複雑になる可能性があります。よくある課題の 1 つは、特定のクラス名を持つ要素を除外することです。
次のシナリオを考えてみましょう:
特定のクラス名の要素を除外するには、次のようにします。 「not」セレクターを使用できます。このセレクターを使用すると、指定された条件に一致しない要素をターゲットにすることができます。この場合、次のように使用します。
<code class="css">.reMode_hover:not(.reMode_selected):hover { background-color: #f0ac00; }</code>
このセレクターは、「reMode_selected」クラスを持たない限り、「reMode_hover」クラスを持つ要素に背景色を適用します。両方の条件を満たす要素を効果的に除外します。
以上がCSS セレクターで特定のクラス名の要素を除外するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。