CSS :root Selector

The :root selector is used to select all the elements of an HTML Document. This selector covers all the HTML elements or tags.

Syntax:

:root {
    // CSS property
}

Example:

html

<!DOCTYPE html>
<html>
 
<head>
    <title>root selector</title>
    <style>
        h1 {
            color: White;
        }
 
        :root {
            background: green;
        }
 
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>:root selector</h2>
    <p>
        The root of document is body tag
    </p>
</body>
 
</html>