Web platform features explorer - Nesting

Web platform features explorer

CSS nesting allows for shorter selectors, easier reading, and more modularity by nesting rules inside others.

Status

Baseline Newly Available (since 2023-12-11)

This feature is expected to reach Baseline Widely Available status on: 2026-06-11

MDN documentation

& nesting selector

Specifications

CSS Nesting Module, from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support (view on caniuse.com)

Chrome 120 Released on 2023-12-05
Chrome Android 120 Released on 2023-12-05
Edge 120 Released on 2023-12-07
Firefox 117 Released on 2023-08-29
Firefox for Android 117 Released on 2023-08-29
Safari 17.2 Released on 2023-12-11
Safari on iOS 17.2 Released on 2023-12-11

Developer signals

State of CSS 2025: usage/gamechanger_feature question
State of CSS 2025: usage/favorite_new_features question
State of CSS 2025: features/all_features question
State of CSS 2024: usage/favorite_new_features question
State of CSS 2024: usage/css_pain_points question
State of CSS 2024: usage/css_missing_features question
State of CSS 2024: usage/css_interoperability_features question
State of CSS 2024: features/all_features question

Usage (according to Chrome Platform Status)

~8.074% of page loads. More data at chromestatus.

Interop

Included in Interop 2024

Web Platform Tests (WPT)

View the latest WPT test results for this feature

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist