Universell velger i CSS

Den universelle velgeren * lar deg velge alle elementer.

Eksempel

La oss velge alle elementer og fargelegge dem i rødt:

css* {
  color: red;
}

Eksempel

La oss velge alle elementer som befinner seg inni div-taggen, og fargelegge dem i rødt:

cssdiv * {
  color: red;
}

Eksempel

La oss velge alle elementer som befinner seg umiddelbart inni div-taggen, og fargelegge dem i rødt:

cssdiv > * {
  color: red;
}

Eksempel

La oss velge alle span-tagger som befinner seg inni en hvilken som helst tagg, som igjen befinner seg inni div-taggen:

cssdiv * span {
  color: red;
}

Praktiske oppgaver

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