CSSの届く範囲を広げる :has() 第1回 :has()で親セレクターを使いこなす

子要素の状態に応じて親要素のスタイルを変えたいという処理を書けるのが、CSSの:has()です。第1回では、:has()の基本的な書き方と、フォームのバリデーション状態に応じたスタイリングという身近なユースケースを通して、その便利さを紹介します。

著者 坂巻 翔大郎 フロントエンド・エンジニア