Mastodawn

Ollie Boermans 3d ago

MDN Web Docs

CSS nesting is now Baseline 🎉

Write nested selectors directly in CSS — just like Sass, but natively.

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

No preprocessor needed.

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