Universel selector i CSS

Den universelle selector * giver mulighed for at vælge alle elementer.

Eksempel

Lad os vælge alle elementer og farve dem rød:

css* {
  color: red;
}

Eksempel

Lad os vælge alle elementer, der befinder sig inde i div-tagget, og farve dem rød farve:

cssdiv * {
  color: red;
}

Eksempel

Lad os vælge alle elementer, der direkte placeret inde i div-tagget, og farve dem rød:

cssdiv > * {
  color: red;
}

Eksempel

Lad os vælge alle span-tags, som er placeret inde i et hvilket som helst tag, som igen er placeret inde i div-tagget:

cssdiv * span {
  color: red;
}

Praktiske opgaver

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