CSS 2.1: Universal-Selektor

Syntax:

Die notierten Deklarationen werden jedem Element im Dokumentstammbaum zugeordnet.

* { Deklarationen }

Bedeutung:

Der Universalselektor ist ein Ersatzselektor, der für jedes einzelne Element eines Dokuments stehen kann. Wo er in Verbindung mit anderen Selektoren verwendet wird, kann er auch weggelassen werden. Der Universalselektor ist dann am nützlichsten, wenn man unterschiedlichen Elementen, z. B. p und dd und li, dieselben Eigenschaften zuordnen will.

Beispiele:

Das folgende Beispiel zeigt die Verwendung eines Universalselektors in Verbindung mit einem Klassenselektor. Die beiden Schreibweisen sind gleichwertig:

*.wichtig { font-weight: bold; color: red; }

.wichtig { font-weight: bold; color: red; }

Im nächsten Beispiel wird ein Universalselektor mit einem Attributselektor kombiniert. Die beiden Schreibweisen sind gleichwertig:

*[LANG=de] { background-color: #fed; }

[LANG=de] { background-color: #fed; }

Zum Schluß soll noch ein Universalselektor mit einem ID-Selektor kombiniert werden. Auch hier sind beide Schreibweisen gleichwertig:

*#main { margin: 1em; border: 1px dotted; }

#main { margin: 1em; border: 1px dotted; }

Browserunterstützung

: Der Universalselektor wird von allen modernen Browsern erkannt.

Eric Meyer's CSS2 Test Suite zeigt am praktischen Beispiel, wie die Browser mit dieser Eigenschaft umgehen.

Keine Eigenschaft und kein Selektor stehen in einem Stylesheet für sich allein. In der Praxis kann das Zusammenspiel zwischen verschiedenen Elementen und Selektoren einen nicht zu unterschätzenden Einfluss auf die Fähigkeiten der Browser haben. Bugs treten oft erst durch das Zusammenwirken mehrerer Eigenschaften an unterschiedlichen Elementen auf.

Besonderheiten im Medientyp `handheld`:

Dieser Selektor ist Teil des Standards CSS Mobile Profile 1.0 und unterliegt damit auch in Mobilgeräten allen relevanten Regeln aus CSS 2.1. Es sind keine Einschränkungen bei der Umsetzung des Universalselektors durch die Mobilgeräte bekannt.