CSS Nesting
- WDCSS 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.
Chrome
- ❌ 4 - 108: Not supported
- ❌ 109 - 111: Disabled by default
- ◐ 112 - 119: Partial support
- ✅ 120 - 130: Supported
- ✅ 131: Supported
- ✅ 132 - 134: Supported
Edge
- ❌ 12 - 108: Not supported
- ❌ 109 - 111: Disabled by default
- ◐ 112 - 119: Partial support
- ✅ 120 - 130: Supported
- ✅ 131: Supported
Safari
- ❌ 3.1 - 16.4: Not supported
- ◐ 16.5 - 17.1: Partial support
- ✅ 17.2 - 18.0: Supported
- ✅ 18.1: Supported
- ✅ 18.2 - TP: Supported
Firefox
- ❌ 2 - 114: Not supported
- ❌ 115 - 116: Disabled by default
- ✅ 117 - 132: Supported
- ✅ 133: Supported
- ✅ 134 - 136: Supported
Opera
- ❌ 9 - 94: Not supported
- ❌ 95 - 97: Disabled by default
- ◐ 98 - 105: Partial support
- ✅ 106 - 113: Supported
- ✅ 114: Supported
IE
- ❌ 5.5 - 10: Not supported
- ❌ 11: Not supported
Chrome for Android
- ✅ 131: Supported
Safari on iOS
- ❌ 3.2 - 16.4: Not supported
- ◐ 16.5 - 17.1: Partial support
- ✅ 17.2 - 18.0: Supported
- ✅ 18.1: Supported
- ✅ 18.2: Supported
Samsung Internet
- ❌ 4 - 22: Not supported
- ◐ 23 - 25: Partial support
- ◐ 26: Partial support
Opera Mini
- ❌ all: Not supported
Opera Mobile
- ❌ 10 - 12.1: Not supported
- ✅ 80: Supported
UC Browser for Android
- ❌ 15.5: Not supported
Android Browser
- ❌ 2.1 - 4.4.4: Not supported
- ✅ 131: Supported
Firefox for Android
- ✅ 132: Supported
QQ Browser
- ❌ 14.9: Not supported
Baidu Browser
- ❌ 13.52: Not supported
KaiOS Browser
- ❌ 2.5: Not supported
- ❌ 3: Not supported