diff options
Diffstat (limited to 'files/de/web/css/_colon_default/index.html')
-rw-r--r-- | files/de/web/css/_colon_default/index.html | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/files/de/web/css/_colon_default/index.html b/files/de/web/css/_colon_default/index.html new file mode 100644 index 0000000000..5055b1a2b8 --- /dev/null +++ b/files/de/web/css/_colon_default/index.html @@ -0,0 +1,83 @@ +--- +title: ':default' +slug: 'Web/CSS/:default' +tags: + - CSS + - CSS Pseudoklasse + - Layout + - NeedsMobileBrowserCompatibility + - Referenz + - Web +translation_of: 'Web/CSS/:default' +--- +<div>{{CSSRef}}</div> + +<h2 id="Übersicht">Übersicht</h2> + +<p>Die <code>:default</code> <a href="/en-US/docs/Web/CSS">CSS</a> <a href="/de/docs/Web/CSS/Pseudo-classes">Pseudoklasse</a> repräsentiert ein Benutzerschnittstellenelement, das das Standardelement innerhalb einer Gruppe ähnlicher Elemente darstellt.</p> + +<p>Zum Beispiel kann mithilfe dieser Pseudoklasse die Standardschaltfläche in einer Gruppe von Schaltflächen ausgewählt werden.</p> + +<p>Benutzerschnittstellenelemente, die Mehrfachauswahlen erlauben, können mehrere Standardwerte haben, um anfangs mit mehreren selektierten Einträgen angezeigt zu werden. In diesem Fall werden alle Standardwerte über die <code>:default</code> Pseudoklasse angesprochen.</p> + +<h2 id="Syntax">Syntax</h2> + +<pre class="syntaxbox">:default { <em>Stileigenschaften</em> } +</pre> + +<h2 id="Beispiele">Beispiele</h2> + +<pre class="brush: css">:default +{ + background-color: lime; +} +</pre> + +<p>...auf folgendes HTML angewendet...</p> + +<pre class="brush: html"> <form method="get"> + <p><input type="submit" id="submit1"></p> + <p><input type="submit" id="submit2"></p> + <p><input type="reset"></p> + </form> +</pre> + +<p>Dieses Beispiel färbt die Hintergrundfarbe für die Absendeschaltfläche des Formulars in <code>lime</code> ein.</p> + +<h2 id="Spezifikationen">Spezifikationen</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Spezifization</th> + <th scope="col">Status</th> + <th scope="col">Kommentar</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', '#selector-default', ':default')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td>Keine Änderung.</td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', '#selector-default', ':default')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td>Definiert die Semantik in Bezug auf HTML und Defines the semantic regarding HTML and Beschränkungsvalidierung.</td> + </tr> + <tr> + <td>{{SpecName('CSS4 Selectors', '#default-pseudo', ':default')}}</td> + <td>{{Spec2('CSS4 Selectors')}}</td> + <td>Keine Änderung.</td> + </tr> + <tr> + <td>{{SpecName('CSS3 UI', '#pseudo-default', ':default')}}</td> + <td>{{Spec2('CSS3 UI')}}</td> + <td>Definiert die Pseudoklasse, aber nicht die dazugehörige Semantik.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2> + +{{Compat("css.selectors.default")}} |