Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles
CSS nesting allows you to nest one CSS rule inside another, allowing you to customize the properties of styles as easily as possible.
Last updated on : 2023-03-20
Browser Versions
IE
Edge
Firefox
Chrome
Safari
Opera
Fully Supported
Partially
No Support
CSS Nesting on IE is not supported on any IE versions.
CSS Nesting on Edge is not supported on any Edge versions.
CSS Nesting on Firefox is not supported on any Firefox versions.
CSS Nesting on Chrome is fully supported on 113-114, and not supported on 4-112 Chrome versions.
CSS Nesting on Safari is not supported on any Safari versions.
CSS Nesting on Opera is not supported on any Opera versions.
CSS Nesting on Safari on iOS is not supported on any Safari on iOS versions.
CSS Nesting on Android Browser is not supported on any Android Browser versions.
CSS Nesting on Opera Mobile is not supported on any Opera Mobile versions.
CSS Nesting on Chrome for Android is not supported on any Chrome for Android versions.
CSS Nesting on Firefox for Android is not supported on any Firefox for Android versions.
CSS Nesting on Samsung Internet is not supported on any Samsung Internet versions.
Data sourced from
Overall Browser Compatibility Score
Note:CSS Nesting shows a browser compatibility score of 0. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.
Test on 3000+ browsers for CSS Nesting & more
Test your website for CSS Nesting and other web technologies. Get 100 FREE automation test minutes!
Test NowKaneAI - Testing Assistant
World’s first AI-Powered E2E testing agent.
Did you find this page helpful?