El asterisco (*) se conoce como los selectores universales de CSS . Se puede utilizar para seleccionar todos los tipos de elementos en una página HTML. El asterisco también puede ir seguido de un selector mientras se usa para seleccionar un objeto secundario. Este selector es útil cuando queremos seleccionar todos los elementos de la página.
Por ejemplo:
* {
property : value;
}
Al seleccionar elementos, si usamos solo un asterisco (*), todos los elementos de la página HTML se seleccionan independientemente de la relación padre-hijo. Si usamos el asterisco (*) mientras seleccionamos los hijos de un padre en particular, entonces podemos seleccionar todos los hijos de ese padre por:
parent * {
property : value;
}
Podemos usar un asterisco (*) para nivel intermedio al seleccionar un elemento por:
grand_parent * grand_child{
property : value;
}
Ejemplos:
Input: * { color : green; }
Output: The text in all the elements become green
Input: * p { color : green; }
Output: The text inside those which are direct children of any elements of HTML the page will become green.
html
<!DOCTYPE html>
<html>
<head>
<style>
* {
background-color: gray;
}
* p {
background-color: green;
}
* p span {
background-color: yellow;
}
div * h3 {
background-color: red;
}
</style>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<div>
<p>
div->p
<span> div->p->span </span>
</p>
<span>
<h3> div->span->h3</h3>
</span>
</div>
<p>A computer science portal.</p>
</center>
</body>
</html>
Producción:
Navegador compatible:
- Google Chrome 4.0
- Internet Explorer 7.0
- Firefox 2.0
- Ópera 9.6
- Safari 3.1
Publicación traducida automáticamente
Artículo escrito por NiteshNijhawan y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA