diff options
Diffstat (limited to 'files/de/web/css/universal_selectors/index.html')
| -rw-r--r-- | files/de/web/css/universal_selectors/index.html | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/files/de/web/css/universal_selectors/index.html b/files/de/web/css/universal_selectors/index.html new file mode 100644 index 0000000000..4253374c81 --- /dev/null +++ b/files/de/web/css/universal_selectors/index.html @@ -0,0 +1,80 @@ +--- +title: Universalselektoren +slug: Web/CSS/Universal_selectors +tags: + - Anfänger + - CSS + - CSS Referenz + - Selektoren +translation_of: Web/CSS/Universal_selectors +--- +<div>{{CSSRef("Selectors")}}</div> + +<h2 id="Übersicht">Übersicht</h2> + +<p>Ein Sternchen (<code>*</code>) 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 <code>*.warning</code> und <code>.warning</code> gleich.</p> + +<p>In CSS 3 kann das Sternchen in Kombination mit Namensräumen verwendet werden:</p> + +<ul> + <li><code>ns|*</code> - matcht alle Elemente im Namensraum ns</li> + <li><code>*|*</code> - matcht alle Elemente</li> + <li><code>|*</code> - matcht alle Elemente ohne einen angegebenen Namensraum</li> +</ul> + +<h2 id="Beispiel">Beispiel</h2> + +<pre class="brush: css">* [lang^=en] { + color: green; +} + +* .warning { + color: red; +} + +* #maincontent { + border: 1px solid blue; +} +</pre> + +<pre class="brush: html"><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></pre> + +<p>{{EmbedLiveSample('Beispiel', 250, 100)}}</p> + +<h2 id="Spezifikationen">Spezifikationen</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Spezifikation</th> + <th scope="col">Status</th> + <th scope="col">Kommentar</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('CSS4 Selectors', '#the-universal-selector', 'Universalselektor')}}</td> + <td>{{Spec2('CSS4 Selectors')}}</td> + <td>Keine Änderung</td> + </tr> + <tr> + <td>{{SpecName('CSS3 Selectors', '#universal-selector', 'Universalselektor')}}</td> + <td>{{Spec2('CSS3 Selectors')}}</td> + <td>Definiert das Verhalten in Bezug auf Namensräume weist darauf hin, dass das Weglassen des Selektors innerhalb von Pseudoelementen erlaubt ist</td> + </tr> + <tr> + <td>{{SpecName('CSS2.1', 'selector.html#universal-selector', 'Universalselektor')}}</td> + <td>{{Spec2('CSS2.1')}}</td> + <td>Ursprüngliche Definition</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2> + +{{Compat("css.selectors.universal")}} |
