aboutsummaryrefslogtreecommitdiff
path: root/files/de/web/css/universal_selectors/index.html
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:41:15 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:41:15 -0500
commit4b1a9203c547c019fc5398082ae19a3f3d4c3efe (patch)
treed4a40e13ceeb9f85479605110a76e7a4d5f3b56b /files/de/web/css/universal_selectors/index.html
parent33058f2b292b3a581333bdfb21b8f671898c5060 (diff)
downloadtranslated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.gz
translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.tar.bz2
translated-content-4b1a9203c547c019fc5398082ae19a3f3d4c3efe.zip
initial commit
Diffstat (limited to 'files/de/web/css/universal_selectors/index.html')
-rw-r--r--files/de/web/css/universal_selectors/index.html80
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">&lt;p class="warning"&gt;
+ &lt;span lang="en-us"&gt;Ein grüner &amp;lt;span&amp;gt;&lt;/span&gt; in einem roten Absatz.
+&lt;/p&gt;
+&lt;p id="maincontent" lang="en-gb"&gt;
+ &lt;span class="warning"&gt;Ein roter &amp;lt;span&amp;gt;&lt;/span&gt; in einem grünen Absatz.
+&lt;/p&gt;</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")}}