Universalselektoren
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 Selektor (*) stimmt mit Elementen jeglichen Typs überein.
css
/* Selects all elements */ * { color: green; } Der Universal Selektor ist ein spezieller Typsselektor und kann daher namespaced werden, wenn @namespace verwendet wird. Dies ist nützlich, wenn mit Dokumenten gearbeitet wird, die mehrere Namensräume enthalten, wie HTML mit eingebettetem SVG oder MathML oder XML, das mehrere Vokabulare mischt.
ns|*- passt zu allen Elementen im Namensraum ns*|*- passt zu allen Elementen|*- passt zu allen Elementen ohne einen deklarierten Namensraum
Syntax
css
* { style properties } Der Stern 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
Namensräume
In diesem Beispiel stimmt der Selektor nur mit Elementen im Beispiel-Namensraum überein.
css
@namespace example url("http://www.example.com/"); example|* { color: blue; } Spezifikationen
| Specification |
|---|
| Selectors Level 4 # the-universal-selector |
Browser-Kompatibilität
Loading…