The :root
CSS pseudo-selector and html
will target the same element --
<html>
, but :root
has higher specificity. That means the property rules
declared under :root
will take precedence over those under html
.
:root {
background: red;
}
html {
background: blue;
}
In the case of the above code, the <html>
element's background color will
be red
.