CSS Nesting is here — write less, organize more 🎨

Nest selectors directly inside parent rules, just like Sass. No preprocessor required.

> .card {
> color: black;
> & .title { font-weight: bold; }
> }

Learn more 👇
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting

CSS nesting - CSS | MDN

The CSS nesting module defines a syntax for nesting selectors, providing the ability to nest one style rule inside another, with the selector of the child rule relative to the selector of the parent rule.

MDN Web Docs