【独りごと/CSS】擬似クラス「:has」がめちゃくちゃ便利!

スポンサーリンク

すみません、独りごとです。

特定の子要素を持つ親要素へスタイル付けができる擬似クラス、:has
今までjsを使わないとできなかったことがCSSだけでできるのはうれしい!

使いたいけど、Firefoxが非サポート(2023年1月現在)、、
早く対応してください…!

【参考】

:has() - CSS: カスケーディングスタイルシート | MDN
:has() は CSS の擬似クラスで、引数として渡されたセレクターに (指定された要素の :scope の相対で) 該当する要素が一つ以上の要素に一致することを表します。
":has" | Can I use... Support tables for HTML5, CSS3, etc
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

コメント

タイトルとURLをコピーしました