スタイルクエリ
幅ではなく、CSSカスタムプロパティの値を問い合わせるコンテナクエリ。ツリーの別の場所で設定された状態に応じて、コンポーネントの見た目を変えられる。
構文は @container style(--variant: compact) で、最も近いコンテナがそのプロパティにその値を持つときにルールが適用される。利点は、複数階層のコンポーネントを通してクラス名を渡し続ける必要がなくなることだ。親が変数を設定すれば、内側のすべてが、誰が設定したかも、クラスが付いているかも知らずに反応できる。テーマ設定や、文脈ごとに異なる同じカードのバリアントにとくに向いている。この機能はChromium 111以降で提供されているが、対象はカスタムプロパティのみだ。font-size のような通常のプロパティへの問い合わせは、循環依存を招きかねないため、まだ仕様策定中である。