← Back to release summary

Relaxed CSS Nesting

Category

CSS

Type

No developer-visible change

Status

Enabled by default (Chrome 120)

Intent stage

None

• Breaking change: No
• Enterprise impact: None
• Chromium flag: CSSNestingIdent
• Spec maturity: Working draft
• Web Platform Tests: Yes

Summary

Allows nested style rules to begin with an identifier.

Standards & signals

• Specification: https://drafts.csswg.org/css-syntax/#consume-block-contents
• Firefox: Shipped/Shipping
• Safari: In development
• Web developers: No signals

Ecosystem

• Web Platform Tests: https://wpt.fyi/results/?q=relaxed-css-nesting
• Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
• GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
• chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+Relaxed%20CSS%20Nesting
• MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Relaxed%20CSS%20Nesting
• Baseline status: https://webstatus.dev/?q=Relaxed%20CSS%20Nesting

View on chromestatus.com