🔥 ข่าวด่วน: web//https://www.geeksforgeeks.org/css root selector

The Wayback Machine - https://web.archive.org/web/20210618062611/https://www.geeksforgeeks.org/css-root-selector/

Tutorials
- Algorithms
- Data Structures
- Languages
  - C
  - C++
  - Java
  - Python
  - C#
  - JavaScript
  - jQuery
  - SQL
  - PHP
  - Scala
  - Perl
  - Go Language
  - HTML
  - CSS
  - Kotlin
- Interview Corner
- GATE
- ISRO CS
- UGC NET CS
- CS Subjects
- Web Technologies
- School Learning
  - School Programming
  - Mathematics
  - Maths Notes (Class 8-11)
  - NCERT Solutions
  - RD Sharma Solutions
Student
Jobs
- Apply for Jobs
- Post a Job
Courses

Write
Come write articles for us and get featured
Practice
Learn and code with the best industry experts
Premium
Get access to ad-free content, doubt assistance and more!
Jobs
Come and find your dream job with us

CSS | :root Selector

Last Updated : 04 Dec, 2018

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

Syntax:

:root {
    // CSS property
}

Example:

<!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>                    