Le Hollandais Volant

#22157 - Using CSS nesting - CSS: Cascading Style Sheets | MDN

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting

WTF ?

On peut faire du CSS nesting en natif maintenant ?

Ça marche dans Firefox et Vivaldi là : https://codepen.io/lehollandaisvolant/pen/OJeVoXw

Pour ceux qui ne connaissent pas, le nesting des sélecteurs, c’est faire ça :

ul {
	color: green;
	li {
		color: blue;
	}
}

Donc l’équivalent normal serait ça :

ul {
	color: green;
}
ul > li {
	color: blue;
}

Et qui était plutôt réservé aux préprocesseurs comme SASS, qui ont introduit le concept.
Ici, ça fonctionne donc en natif, visiblement.