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

Susan Sarandon
リリース: 2024-11-05 09:55:02
オリジナル
318 人が閲覧しました

How to Exclude Elements with a Specific Class Name in CSS Selectors?

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!