:last-node
Niestandardowy: This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
Podsumowanie
Pseudoklasa :last-node
sprawia iż własności stosowane są do elementu tylko wtedy gdy jest on ostatnim węzłem potomnym swojego rodzica. :last-node
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 :last-child
.
Składnia
selektor:-moz-last-node { własności }
Przykłady
<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>
span:-moz-last-node { font-weight: bold; }
Powyższy zapis pogrubi czcionkę wewnątrz wszystkich elementów span
, które są ostatnimi dziećmi swoich rodziców. Zostaną tutaj pogrubione obydwa słowa "drugi".
- span o id
dsecond
jest ostatnim dzieckiem elementu div - span o id
second
jest ostatnim dzieckiem elementu body
div:-moz-first-node:last-child { background-color: red; }
Ten przykład ustawi czerwony kolor tła wszystkim elementom div
, które są jedynymi dziećmi swojego rodzica. Jednak za elementem może znajdować się węzeł tekstowy.
div:-moz-first-child:last-node { background-color: red; }
Ten przykład natomiast ustawi czerwony kolor tła wszystkim elementom div
, które są jedynymi dziećmi swojego rodzica. Przed elementem może znajdować się węzeł tekstowy.
Notatki
Pseudoklasa :-moz-last-node
nie jest obecnie obsługiwana. Skorzystaj z :-moz-last-node