Universelle Selektoren
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Der CSS-universal selector (*) wählt Elemente jeglichen Typs aus.
css
/* Selects all elements */
* {
color: green;
}
Der universelle Selektor ist ein spezieller Typselektor und kann daher mit @namespace namespaced werden. Dies ist nützlich, wenn Sie mit Dokumenten arbeiten, die mehrere Namespaces enthalten, wie HTML mit eingebettetem SVG oder MathML, oder XML, das mehrere Vokabulare mischt.
ns|*- wählt alle Elemente im Namespace ns aus*|*- wählt alle Elemente aus|*- wählt alle Elemente ohne deklarierten Namespace aus
Syntax
css
* { style properties }
Der Asterisk ist bei einfachen Selektoren optional. Zum Beispiel sind *.warning und .warning gleichwertig.
Beispiele
CSS
css
* [lang^="en"] {
color: green;
}
*.warning {
color: red;
}
*#maincontent {
border: 1px solid blue;
}
.floating {
float: left;
}
/* automatically clear the next sibling after a floating element */
.floating + * {
clear: left;
}
HTML
html
<p class="warning">
<span lang="en-us">A green span</span> in a red paragraph.
</p>
<p id="maincontent" lang="en-gb">
<span class="warning">A red span</span> in a green paragraph.
</p>
Ergebnis
Namespaces
In diesem Beispiel wird der Selektor nur Elemente im Beispiel-Namespace auswählen.
css
@namespace example url("http://www.example.com/");
example|* {
color: blue;
}
Spezifikationen
| Specification |
|---|
| Selectors Level 4 # the-universal-selector |