Univerzalni selektor u CSS-u

Univerzalni selektor * omogućava odabir svih elemenata.

Primer

Hajde da odaberemo sve elemente i obojimo ih u crvenu boju:

css* {
  color: red;
}

Primer

Hajde da odaberemo sve elemente koji se nalaze unutar taga div i obojimo ih u crvenu boju:

cssdiv * {
  color: red;
}

Primer

Hajde da odaberemo sve elemente koji se direktno nalaze unutar taga div i obojimo ih u crvenu boju:

cssdiv > * {
  color: red;
}

Primer

Hajde da odaberemo sve tagove span koji se nalaze unutar bilo kog taga, koji se zauzvrat nalazi unutar taga div:

cssdiv * span {
  color: red;
}

Praktični zadaci

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