Sélecteur universel en CSS

Le sélecteur universel * permet de sélectionner tous les éléments.

Exemple

Sélectionnons tous les éléments et colorons-les en rouge :

css* {
  color: red;
}

Exemple

Sélectionnons tous les éléments se trouvant à l'intérieur de la balise div et colorons-les en rouge :

cssdiv * {
  color: red;
}

Exemple

Sélectionnons tous les éléments se trouvant directement à l'intérieur de la balise div et colorons-les en rouge :

cssdiv > * {
  color: red;
}

Exemple

Sélectionnons toutes les balises span qui se trouvent à l'intérieur de n'importe quelle balise, laquelle à son tour se trouve à l'intérieur de la balise div :

cssdiv * span {
  color: red;
}

Tâches pratiques

html<main>
  <p>---</p>
  <p>---</p>
  
  <div>
    <p>+++</p>
    <p>+++</p>
  </div>
  <section>
    <p>+++</p>
    <p>+++</p>
  </section>
</main>