Nesting
Widely Available (since 2026-06-11)
CSS nesting allows for shorter selectors, easier reading, and more modularity by nesting rules inside others.
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
MDN documentation
Specifications
Usage (according to Chrome Platform Status)
~9.597% of page loads. More data at chromestatus.com.Web Platform Tests (WPT)
View the latest WPT test results for this featureInterop
- Included in Interop 2024
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 > other features > other features pain points
- State of CSS 2025 > features > all features
- 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
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist