CSS · More selectors

:root

Matches the document root, usually html. The standard place to declare design tokens.

cssRunnable example css course

Syntax

:root

Example

Try it

:root { --brand: #2f74c0; }
.demo { color: var(--brand); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.