What is the `:root` pseudo-class used for

The `:root` pseudo-class in CSS is used to target the root element of the document, which is usually the `` element. It is especially useful for defining custom properties (CSS variables) that can be accessed throughout the entire stylesheet. By declaring variables in the `:root`, you ensure they have global scope and can be modified easily.

For example, if you want to define a primary color for your website, you can do so in the `:root` selector:

:root { --primary-color: #3498db; } body { background-color: var(--primary-color); }

CSS :root pseudo-class custom properties CSS variables

Related Questions

How do I avoid rehashing overhead with std::set in multithreaded code?

How do I find elements with custom comparators with std::set for embedded targets?

How do I erase elements while iterating with std::set for embedded targets?

How do I provide stable iteration order with std::unordered_map for large datasets?

How do I reserve capacity ahead of time with std::unordered_map for large datasets?

How do I erase elements while iterating with std::unordered_map in multithreaded code?

How do I provide stable iteration order with std::map for embedded targets?

How do I provide stable iteration order with std::map in multithreaded code?

How do I avoid rehashing overhead with std::map in performance-sensitive code?

How do I merge two containers efficiently with std::map for embedded targets?