In a HTML document, the pseudo class :root always refers to the <html> element. code example
Example: :root css
/* Selects the root element of the document:
<html> in the case of HTML
The :root CSS pseudo-class matches the root element of a tree representing the document. In HTML,
:root represents the <html>
element and is identical to the selector html, except that its specificity is higher.
*/
:root {
background: yellow;
}