Nesting
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
Specifications
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
Surveys
- State of HTML 2025 > usage > html interoperability features features only
- State of CSS 2025 > usage > gamechanger feature
- State of CSS 2025 > usage > favorite new features
- State of CSS 2025 > usage > css missing features
- State of CSS 2025 > usage > css interoperability features
- State of CSS 2025 > usage > css general pain points
- State of CSS 2025 > shapes graphics > shapes graphics pain points
- State of CSS 2025 > other features > other features pain points
- State of CSS 2025 > math features > math features pain points
- State of CSS 2025 > layout > layout pain points
- State of CSS 2025 > interactions > interactions pain points
- State of CSS 2025 > features > all features
- State of CSS 2025 > colors > colors pain points
- State of CSS 2024 > usage > favorite new features
- State of CSS 2024 > usage > css pain points
- State of CSS 2024 > usage > css missing features
- State of CSS 2024 > usage > css interoperability features
- State of CSS 2024 > features > all features
Usage (according to Chrome Platform Status)
~9.570% of page loads. More data at chromestatus.com.Interop
- Included in Interop 2024
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist