Universalselektoren

Übersicht

Ein Sternchen (*) ist der Universalselektor für CSS. Es matcht ein einzelnes Element eines beliebigen Typs. Das Weglassen des Sternchens bei einfachen Selektoren hat denselben Effekt. Zum Beispiel sind *.warning und .warning gleich.

In CSS 3 kann das Sternchen in Kombination mit Namensräumen verwendet werden:

  • ns|* - matcht alle Elemente im Namensraum ns
  • *|* - matcht alle Elemente
  • |* - matcht alle Elemente ohne einen angegebenen Namensraum

Beispiel

* [lang^=en] {
  color: green;
}

* .warning {
  color: red;
}

* #maincontent {
  border: 1px solid blue;
}
<p class="warning">
  <span lang="en-us">Ein grüner &lt;span&gt;</span> in einem roten Absatz.
</p>
<p id="maincontent" lang="en-gb">
  <span class="warning">Ein roter &lt;span&gt;</span> in einem grünen Absatz.
</p>

Spezifikationen

Spezifikation Status Kommentar
Selectors Level 4
Die Definition von 'Universalselektor' in dieser Spezifikation.
Arbeitsentwurf Keine Änderung
Selectors Level 3
Die Definition von 'Universalselektor' in dieser Spezifikation.
Empfehlung Definiert das Verhalten in Bezug auf Namensräume weist darauf hin, dass das Weglassen des Selektors innerhalb von Pseudoelementen erlaubt ist
CSS Level 2 (Revision 1)
Die Definition von 'Universalselektor' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition

Browser Kompatibilität

BCD tables only load in the browser