diff options
author | Florian Dieminger <me@fiji-flo.de> | 2021-02-11 18:26:59 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-02-11 18:26:59 +0100 |
commit | 7a94b4d8daf297eda6df8e5cf933f7ba159bbc76 (patch) | |
tree | c8c8a36c41beda7a4c150927b2b5c7d2a09837bd /files/pl/web/css/_colon_-moz-first-node/index.html | |
parent | ab718192b92d5cc38c1114e055a435a6de7dd8ef (diff) | |
parent | b8170f78422f2269dfc9df7760cc1ad51c048c00 (diff) | |
download | translated-content-7a94b4d8daf297eda6df8e5cf933f7ba159bbc76.tar.gz translated-content-7a94b4d8daf297eda6df8e5cf933f7ba159bbc76.tar.bz2 translated-content-7a94b4d8daf297eda6df8e5cf933f7ba159bbc76.zip |
Merge pull request #38 from fiji-flo/unslugging-pl
Unslugging pl
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> |