ben mardana

Are We CSS Nesting Module Yet?

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

Check for other compatible browsers

Your browser doesn't support CSS Nesting Module :(

Check 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.