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

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

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

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

【参考】

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

:has() は CSS の疑似クラス関数で、引数として渡される相対セレクターのいずれかが、その要素から辿ってアンカーとして少なくとも一つの要素とマッチする場合に、その要素を表します。この疑似クラスは、相対セレクターリストを引数として取るこ...

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 w...

caniuse.com