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

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung (Ja) 1.0 (1.7 oder früher) 7 (Ja) (Ja)
Kombination mit Namensraum-unterstützung (Ja) 1.0 (1.7 oder früher) 9 8 1.3
Merkmal Android Chrome für Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Unterstützung ? ? 1.0 (1) ? ? ?
Kombination mit Namensraum-unterstützung ? ? ? ? ? ?

Schlagwörter des Dokuments und Mitwirkende

 Mitwirkende an dieser Seite: Sebastianz
 Zuletzt aktualisiert von: Sebastianz,