Selettore Universale in CSS

Il selettore universale * permette di selezionare tutti gli elementi.

Esempio

Selezioniamo tutti gli elementi e coloriamoli di rosso:

css* {
  color: red;
}

Esempio

Selezioniamo tutti gli elementi che si trovano all'interno del tag div e coloriamoli di rosso:

cssdiv * {
  color: red;
}

Esempio

Selezioniamo tutti gli elementi che si trovano direttamente all'interno del tag div e coloriamoli di rosso:

cssdiv > * {
  color: red;
}

Esempio

Selezioniamo tutti i tag span che si trovano all'interno di qualsiasi elemento, che a sua volta si trova all'interno del tag div:

cssdiv * span {
  color: red;
}

Problemi pratici

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