12-1080.01%
4-1080.63%
CSS Nesting
BaselineWidely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since June 2026.
CSS nesting provides the ability to nest one style rule inside another, with the selector of the child rule relative to the selector of the parent rule. Similar behavior previously required a CSS pre-processor.
IE
Edge
Firefox
Chrome
Safari
Safari iOS
Opera Mini
Chrome Android
Android Browser
Samsung Internet
109-1110.03%
2-1140.01%
109-1110.76%
3.1-16.40.14%
3.2-16.40.41%
4-220.03%
112-1190.13%
115-1160.14%
112-1190.84%
16.5-17.10.25%
16.5-17.10.31%
23-240.03%
5.5-100%
120-1545.54%
117-1572.16%
120-15521.57%
17.2-26.62.58%
17.2-26.613.43%
2.1-4.4.40%
25-290.27%
110.21%
1550%
1580%
1560%
270.12%
27.00.64%
all0%
15642.79%
1560.03%
301.79%
159-1610%
157-1590%
27.1-TP0%
27.1-27.20.02%
✓
✗
Partial support
Behind a Flag