CSSの届く範囲を広げる :has() 最終回 :has()を実践で使いこなす応用ユースケース 今回は、画像の有無に応じたカードレイアウト、連続する見出しのマージン調整、サブメニューへのアイコン追加といった、より実践的な3つのユースケースを通して、:has()の応用的な活用方法を紹介します。 カテゴリー CSS > CSSセレクター 2026年8月13日 発行 著者 坂巻 翔大郎 フロントエンド・エンジニア CSSの届く範囲を広げる :has() シリーズの記事一覧 このシリーズの記事 目次 前回まで ユースケース4：画像の有無でカードのレイアウトを切り替える ユースケース5：連続する見出しのマージンを調整する ユースケース6：サブメニューをもつナビゲーションにアイコンを追加する まとめ この記事を読むには 購読の手続きが必要です 購読の手続きへ 購読済みの方はログイン 月額880円（税込） + 初めてお申し込みの方には、30日間無料でお使いいただけます 第2回 :has()でモーダルダイアログとホバーの状態を扱う