Are We CSS Nesting Module Yet?
Check https://caniuse.com/css-nesting for other compatible browsers
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.