すみません、独りごとです。
特定の子要素を持つ親要素へスタイル付けができる擬似クラス、: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.
コメント