diff options
Diffstat (limited to 'files/pl/web/css/selektor_uniwersalny/index.html')
-rw-r--r-- | files/pl/web/css/selektor_uniwersalny/index.html | 104 |
1 files changed, 104 insertions, 0 deletions
diff --git a/files/pl/web/css/selektor_uniwersalny/index.html b/files/pl/web/css/selektor_uniwersalny/index.html new file mode 100644 index 0000000000..c3c4952f06 --- /dev/null +++ b/files/pl/web/css/selektor_uniwersalny/index.html @@ -0,0 +1,104 @@ +--- +title: Selektor uniwersalny +slug: Web/CSS/Selektor_uniwersalny +tags: + - CSS + - Selektory +translation_of: Web/CSS/Universal_selectors +--- +<div>{{CSSRef}}</div> + +<p><strong>Selektor uniwersalny</strong> (<code>*</code>) dopasowuje elementy wszystkich typów.</p> + +<pre class="brush: css no-line-numbers">/* Wybierz wszystkie elementy */ +* { + color: green; +}</pre> + +<p>Począwszy od CSS3, gwiazdka może być używana w połączeniu z {{cssxref("CSS_Namespaces", "namespaces")}}:</p> + +<ul> + <li><code>ns|*</code> - dopasowuje wszystkie elementy w przestrzeni nazw <em>ns</em></li> + <li><code>*|*</code> - dopasowuje wszystkie elementy</li> + <li><code>|*</code> - dopasowuje wszystkie elementy bez zdefiniowanej przestrzeni nazw</li> +</ul> + +<h2 id="Składnia">Składnia</h2> + +<pre class="syntaxbox">* { własności }</pre> + +<p>Gwiazdka jest opcjonalna w przypadku prostych selektorów. Np.: <code>*.warning</code> i <code>.warning</code> są równoważne.</p> + +<h2 id="Przykłady">Przykłady</h2> + +<h3 id="CSS">CSS</h3> + +<pre class="brush: css">* [lang^=pl] { + color: green; +} + +*.warning { + color: red; +} + +*#maincontent { + border: 1px solid blue; +} + +.floating { + float: left +} + +/* automatycznie czyści opływanie dla rodzeństwa znajdującego się bezpośrednio po elemencie z klasą .floating */ +.floating + * { + clear: left; +} +</pre> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><p class="warning"> + <span lang="pl">Zielony span</span> w czerwonym akapicie. +</p> +<p id="maincontent" lang="pl"> + <span class="warning">czerwony span</span> w zielonym akapicie. +</p></pre> + +<h3 id="Rezultat">Rezultat</h3> + +<p>{{EmbedLiveSample('Przykłady')}}</p> + +<h2 id="Specyfikacje">Specyfikacje</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specyfikacja</th> + <th scope="col">Status</th> + <th scope="col">Komentarz</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('CSS4 Selectors', '#the-universal-selector', 'universal selector')}}</td> + <td>{{Spec2('CSS4 Selectors')}}</td> + <td>No changes</td> + </tr> + <tr> + <td>{{SpecName('CSS3 Selectors', '#universal-selector', 'universal selector')}}</td> + <td>{{Spec2('CSS3 Selectors')}}</td> + <td>Defines behavior regarding namespaces and adds hint that omitting the selector is allowed within pseudo-elements</td> + </tr> + <tr> + <td>{{SpecName('CSS2.1', 'selector.html#universal-selector', 'universal selector')}}</td> + <td>{{Spec2('CSS2.1')}}</td> + <td>Initial definition</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility">Browser compatibility</h2> + + + +<p>{{Compat("css.selectors.universal")}}</p> |