Selector universal en CSS
El selector universal * permite
seleccionar todos los elementos.
Ejemplo
Seleccionemos todos los elementos y cambiemos su color a rojo:
css* {
color: red;
}
Ejemplo
Seleccionemos todos los elementos que se encuentren
dentro de la etiqueta div y cambiemos su color a rojo:
cssdiv * {
color: red;
}
Ejemplo
Seleccionemos todos los elementos que se encuentren
directamente dentro de la etiqueta div y cambiemos
su color a rojo:
cssdiv > * {
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:
cssdiv * span {
color: red;
}
Tareas prácticas
Задание 1
Dado el código:
html<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.