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

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

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

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

【参考】

:has() - CSS: カスケーディングスタイルシート | MDN

:has() は CSS の擬似クラスで、引数として渡されたセレクターに (指定された要素の :scope の相対で) 該当する要素が一つ以上の要素に一致することを表します。

developer.mozilla.org

":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.

caniuse.com