Universell selektor i CSS

Den universella selektorn * låter dig välja alla element.

Exempel

Låt oss välja alla element och göra dem röda:

css* {
  color: red;
}

Exempel

Låt oss välja alla element som finns inuti div-taggen och göra dem röda:

cssdiv * {
  color: red;
}

Exempel

Låt oss välja alla element som direkt finns inuti div-taggen och göra dem röda:

cssdiv > * {
  color: red;
}

Exempel

Låt oss välja alla span-taggar som finns inuti vilken tagg som helst, som i sin tur finns inuti div-taggen:

cssdiv * span {
  color: red;
}

Praktiska uppgifter

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