子要素

CSS

CSS 子要素に特定クラスがあったら

CSSで子要素に特定のクラスが有ったらを指定する方法のご紹介です。CSSで子要素の状態を指定する場合は、疑似要素の「:has()」を使います。実際の指定方法を下記のHTMLを使って説明します。HTML<div class="demo"> <...
2024年02月19日
CSS
CSS

CSS 子要素がn個以上ある時（:has()を上手く使うぜ）💨

子要素によって親の要素のスタイルが変更するのってJSじゃなきゃ指定がムズそうだぜ！って思うけど「:has()」を使えば結構簡単にできちゃうんだ。下のHTMLで子要素が５個以上ある時、親要素の文字色を赤に変更して子要素の文字色を赤くしてみます...
2024年01月15日
CSS