Universele Keurder in CSS

Die universele keurder * laat toe om alle elemente te kies.

Voorbeeld

Kom ons kies alle elemente en verf hulle rooi:

css* {
  color: red;
}

Voorbeeld

Kom ons kies alle elemente wat binne die div-tag geleë is, en verf hulle rooi:

cssdiv * {
  color: red;
}

Voorbeeld

Kom ons kies alle elemente wat direk binne die div-tag geleë is, en verf hulle rooi:

cssdiv > * {
  color: red;
}

Voorbeeld

Kom ons kies alle span-tags wat binne enige tag geleë is, wat op sy beurt binne die div-tag geleë is:

cssdiv * span {
  color: red;
}

Praktiese Take

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