← Back to release summary

Comma-separated Container Queries

Category
CSS
Type
Chromium catches up
Status
Proposed (Chrome Proposed)
Intent stage
None

Summary

Support multiple queries per @container rule. The @container rule applies if at least one of the queries matches. This makes it possible to have fallback queries for features which are not supported in all browsers, for instance. Example: @container --name1 not-supported(--foo: bar), --name2 (width > 600px) {} Along with the support for multiple queries, the object model is extended to support the 'conditions' attribute on the CSSContainerRule API.

Motivation

Catching up with the specification and improve interoperability (covered by Interop 2026)

Standards & signals

View on chromestatus.com