CSS :root Pseudo-class
Example
Set a background color and padding for the document's root element:
:root
{
background-color: red;
padding: 30px;
}
Try it Yourself »
Definition and Usage
The CSS :root
pseudo-class
matches the document's root element.
In HTML, the root element is always the <html> element.
Version: | CSS3 |
---|
Browser Support
The numbers in the table specifies the first browser version that fully supports the pseudo-class.
Pseudo-class | |||||
---|---|---|---|---|---|
:root | 1 | 12 | 1 | 1 | 9.6 |
CSS Syntax