Skip to main content

The shortest selector for the root element

To target the html element, you either use "html{}" or ":root{}" but thanks to CSS nesting you can simply use "&{}"

When used alone, the nesting selector will match the root element!

A one-character selector 🤯

⚠️ It has a lower specificity than html and :root

& {
font-family: sans-serif;
background: #25fca4;
--variable: value;
/* and so on */
/* same as html {} and :root {}
with a lower specificity!