El selector :root se utiliza para seleccionar todos los elementos de un documento HTML. Este selector cubre todos los elementos HTML o etiquetas.
Sintaxis:
:root {
// CSS property
}
Ejemplo:
<!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>
Producción:
Navegadores compatibles: los navegadores compatibles con :root selector se enumeran a continuación:
- Apple Safari 3.2
- Google Chrome 4.0
- Firefox 3.5
- Ópera 9.6
- Internet Explorer 9.0
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA