Universele selector in CSS

De universele selector * maakt het mogelijk om alle elementen te selecteren.

Voorbeeld

Laten we alle elementen selecteren en ze rood kleuren:

css* {
  color: red;
}

Voorbeeld

Laten we alle elementen selecteren die zich in de div-tag bevinden en ze rood kleuren:

cssdiv * {
  color: red;
}

Voorbeeld

Laten we alle elementen selecteren die zich direct in de div-tag bevinden en ze rood kleuren:

cssdiv > * {
  color: red;
}

Voorbeeld

Laten we alle span-tags selecteren die zich in een willekeurige tag bevinden die op zijn beurt zich in de div-tag bevindt:

cssdiv * span {
  color: red;
}

Praktische opdrachten

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