ben mardana

Are We CSS Nesting Module Yet?


If you can see me then your browser supports CSS Nesting Module!

Check https://caniuse.com/css-nesting for other compatible browsers

Your browser doesn't support CSS Nesting Module :(

Check https://caniuse.com/css-nesting for compatible browsers


Nested CSS (or CSS Nesting Module) is a CSS feature that was first proposed in 2021 by the W3C CSS Working group * and began to be supported by major browsers in early 2023. *


It follows popular css extension languages such as Sass and Less, allowing css rules to be nested inside of each other - reducing duplication of selectors, allowing terser and more readable style sheets. *


The CSS Nesting Module provides a specification for browsers to implement that allows for nested styles to be written directly in css files and therefore removes the need for pre-processing. *


The style below is an example of syntax that will be allowed in the new specification.


References: