Universaalne valija CSS-is

Universaalne valija * võimaldab valida kõik elemendid.

Näide

Valime kõik elemendid ja värvime need punaseks:

css* {
  color: red;
}

Näide

Valime kõik elemendid, mis asuvad div elemendi sees, ja värvime need punaseks:

cssdiv * {
  color: red;
}

Näide

Valime kõik elemendid, mis asuvad otse div elemendi sees, ja värvime need punaseks:

cssdiv > * {
  color: red;
}

Näide

Valime kõik span elemendid, mis asuvad mis tahes elemendi sees, mis omakorda asub div elemendi sees:

cssdiv * span {
  color: red;
}

Praktilised ülesanded

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