Selector universal en CSS
El selector universal * permite
seleccionar todos los elementos.
Ejemplo
Seleccionemos todos los elementos y cambiemos su color a rojo:
* {
color: red;
}
Ejemplo
Seleccionemos todos los elementos que se encuentren
dentro de la etiqueta div y cambiemos su color a rojo:
div * {
color: red;
}
Ejemplo
Seleccionemos todos los elementos que se encuentren
directamente dentro de la etiqueta div y cambiemos
su color a rojo:
div > * {
color: red;
}
Ejemplo
Seleccionemos todas las etiquetas span que
se encuentren dentro de cualquier etiqueta, que a su
vez esté dentro de la etiqueta div:
div * span {
color: red;
}
Tareas prácticas
Dado el código:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Escribe un selector que seleccione todos los párrafos
que estén dentro de cualquier padre dentro de
la etiqueta main.
