:has()擬似クラスが全主要ブラウザで利用可能に

Firefox121が:has()をサポートしたことで、全主要ブラウザで利用可能になった。

以前NES.cssを開発しているときに:has()が使えず苦労したので、見た目優先のUIライブラリを開発している人にとっては嬉しい機能だ。

Before

/* 苦肉の策で書いたコード */
.nes-container.with-title {
  ...
  & > .title { ... }
}

After

// :has() が使える時代
.nes-container:has(.title) {
  ...
}