子要素

CSS

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

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

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

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