Universal-Selektor in CSS

Der Universal-Selektor * erlaubt es, alle Elemente auszuwählen.

Beispiel

Lassen Sie uns alle Elemente auswählen und sie rot einfärben:

css* {
  color: red;
}

Beispiel

Lassen Sie uns alle Elemente auswählen, die sich innerhalb des div-Tags befinden, und sie rot einfärben:

cssdiv * {
  color: red;
}

Beispiel

Lassen Sie uns alle Elemente auswählen, die sich direkt innerhalb des div-Tags befinden, und sie rot einfärben:

cssdiv > * {
  color: red;
}

Beispiel

Lassen Sie uns alle span-Tags auswählen, die sich innerhalb eines beliebigen Tags befinden, der seinerseits innerhalb des div-Tags liegt:

cssdiv * span {
  color: red;
}

Praktische Aufgaben

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