CSSコンテナクエリとhas()がchromeでサポート開始！

Google Chrome （ver105）の安定版がリリースされました🎉。
この中で以前から期待の集まっていた cssのコンテナクエリと擬似クラス:has() がついにサポートされます。👏👏👏

コンテナクエリ

MDN > Container Queries

ブラウザのサポート状況（2022年9月上旬時点）

• Chrome：ver105にて既にpartial support済み♪
• Safari：次回ver16でサポート予定
• Edge：ver105にて既にpartial support済み♪
• Firefox：次回105、次次回106とも予定なし😰

擬似クラス :has()

MDN > :has()

ブラウザのサポート状況（2022年9月上旬時点）

• Chrome：ver105にて既にsupport済み♪
• Safari：ver15にて既にsupport済み♪
• Edge：ver105にて既にsupport済み♪
• Firefox：次回105、次次回106とも予定なし😰

ただ残念ながら、未だにFirefoxが次回リリースにもサポート予定が出されていないです。
Edgeとsafariは対応が進んでいる中、今後Firefoxがサポートされたら全てのモダンブラウザが晴れてサポートされますので、Mozillaにも頑張ってもらいたいです。

早くレスポンシブデザインの設計・実装がやりやすくなったら良いですね。