diff options
Diffstat (limited to 'files/pl/web/css/_colon_-moz-first-node/index.html')
| -rw-r--r-- | files/pl/web/css/_colon_-moz-first-node/index.html | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/files/pl/web/css/_colon_-moz-first-node/index.html b/files/pl/web/css/_colon_-moz-first-node/index.html new file mode 100644 index 0000000000..974b36b042 --- /dev/null +++ b/files/pl/web/css/_colon_-moz-first-node/index.html @@ -0,0 +1,59 @@ +--- +title: ':first-node' +slug: Web/CSS/:-moz-first-node +tags: + - CSS + - CSS:Dokumentacje + - Dokumentacje + - Wszystkie_kategorie +translation_of: Web/CSS/:-moz-first-node +original_slug: Web/CSS/:first-node +--- +<p>{{Non-standard_header}}{{ CSSRef() }}</p> + +<h2 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h2> + +<p>Pseudoklasa <code>:first-node</code> sprawia iż własności stosowane są do elementu tylko wtedy gdy jest on pierwszym węzłem potomnym swojego rodzica. <code>:first-node</code> uwzględnia również węzły tekstowe składające się niebiałych znaków. Pseudoklasą, która działa identycznie, jednak nie uwzględnia węzłów tekstowych jest {{ Cssxref(":first-child") }}.</p> + +<h2 id="Sk.C5.82adnia" name="Sk.C5.82adnia">Składnia</h2> + +<pre class="eval">selektor:first-node { własności } +</pre> + +<h2 id="Przyk.C5.82ady" name="Przyk.C5.82ady">Przykłady</h2> + +<pre><html> + <body> + Trochę tekstu. + <span id="first">pierwszy</span> + <div> + <span id="dfirst">pierwszy</span> + <span id="dsecond">drugi</span> + </div> + <span id="second">drugi</span> + </body> +</html> +</pre> + +<pre class="eval">span:first-node { font-weight: bold; } +</pre> + +<p>Powyższy zapis pogrubi czcionkę wewnątrz wszystkich elementów <code>span</code>, które są pierwszymi dziećmi swoich rodziców. Zostanie tutaj pogrubione tylko jedno słowo "<strong>pierwszy</strong>", ponieważ span o id <code>first</code> nie jest pierwszym dzieckiem elementu <code>body</code>. Pierwszym dzieckiem elementu <code>body</code> jest węzeł tekstowy.</p> + +<pre class="eval">div:first-node:last-child { background-color: red; } +</pre> + +<p>Ten przykład ustawi czerwony kolor tła wszystkim elementom <code>div</code>, które są jedynymi dziećmi swojego rodzica. Jednak za elementem może znajdować się węzeł tekstowy.</p> + +<pre class="eval">div:first-child:last-node { background-color: red; } +</pre> + +<p>Ten przykład natomiast ustawi czerwony kolor tła wszystkim elementom <code>div</code>, które są jedynymi dziećmi swojego rodzica. Przed elementem może znajdować się węzeł tekstowy.</p> + +<h2 id="Notatki" name="Notatki">Notatki</h2> + +<p>Pseudoklasa <code>:first-node</code> nie jest obecnie obsługiwana. Skorzystaj z {{ Cssxref(":-moz-first-node") }}</p> + +<h2 id="Zobacz_tak.C5.BCe" name="Zobacz_tak.C5.BCe">Zobacz także</h2> + +<p>{{ Cssxref(":before") }}, {{ Cssxref(":after") }}, {{ Cssxref(":last-node") }}</p> |