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 >w3wiki</ 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
Contact Us