CSSの届く範囲を広げる :has() 第2回 :has()でモーダルダイアログとホバーの状態を扱う

第2回では、モーダルダイアログ表示中のスクロールロックと、ホバー中のカード以外を暗くする演出という2つのユースケースを通して、:has()の表現力を紹介します。あわせて、使用時の注意点も解説します。

発行

著者 坂巻 翔大郎 フロントエンド・エンジニア
CSSの届く範囲を広げる :has() シリーズの記事一覧

この記事を読むには
購読の手続きが必要です

月額880円(税込)

+

初めてお申し込みの方には、30日間無料でお使いいただけます

坂巻 翔大郎
PixelGrid Inc.
フロントエンド・エンジニア

大手ソフトウェアダウンロード販売会社、Web制作会社などで、マークアップエンジニア、プログラマ、サービス企画、ディレクターを経験。2013年、株式会社ピクセルグリッドに入社。HTML、CSS、JavaScriptなどをオールラウンドに担当。とりわけ、プログラマブルなCSSの設計、実装を得意とする。 趣味で作成したゲーム「CSS PANIC」は、JavaScriptを一切使わず、HTMLとCSSのみで実装。海外サイトで紹介されるなど話題となった。

CodeGridのDiscordで知識を深めよう。参加する。 Xにポストする Blueskyにポストする