El selector * en CSS se usa para seleccionar todos los elementos en un documento HTML. También selecciona todos los elementos que están dentro de otro elemento. También se le llama selector universal.
Sintaxis:
* {
// CSS property
}
Ejemplo 1:
HTML
<!DOCTYPE html>
<html>
<head>
<title>* Selector</title>
<!-- CSS property of * selector -->
<style>
* {
color:green;
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>*(Universal) Selector</h2>
<div>
<p>GFG</p>
<p>Geeks</p>
</div>
<p>It is a computer science portal for geeks.</p>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html>
<head>
<title>* selector</title>
<!-- CSS property for * selector -->
<style>
* {
background: green;
font-weight:bold;
margin-left:70px;
color:white;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>*(Universal) Selector</h2>
<ul>
<li>Data Structure</li>
<li>Computer Network</li>
<li>Operating System</li>
</ul>
<ol>
<li>Java</li>
<li>Ruby</li>
<li>Pascal</li>
</ol>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el selector *(universal) se enumeran a continuación:
- Apple Safari 3.1
- Google Chrome 4.0
- Firefox 3.0
- Ópera 9.6
- Internet Explorer 7.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