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.