diff options
Diffstat (limited to 'files/pl/web/css/_colon_first-node')
| -rw-r--r-- | files/pl/web/css/_colon_first-node/index.html | 58 |
1 files changed, 0 insertions, 58 deletions
diff --git a/files/pl/web/css/_colon_first-node/index.html b/files/pl/web/css/_colon_first-node/index.html deleted file mode 100644 index 123c08088b..0000000000 --- a/files/pl/web/css/_colon_first-node/index.html +++ /dev/null @@ -1,58 +0,0 @@ ---- -title: ':first-node' -slug: 'Web/CSS/:first-node' -tags: - - CSS - - 'CSS:Dokumentacje' - - Dokumentacje - - Wszystkie_kategorie -translation_of: 'Web/CSS/:-moz-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> |