Open In App

CSS :root Selector

Improve
Improve
Like Article
Like
Save
Share
Report

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>


Output: Supported Browsers: The browser supported by :root selector are listed below:

  • Apple Safari 1.0 and above
  • Google Chrome 1.0 and above
  • Edge 12.0 and above
  • Firefox 1.0 and above
  • Opera 9.5 and above

Last Updated : 04 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads