: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".

  1. span o id dsecond jest ostatnim dzieckiem elementu div
  2. 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

Zobacz także

:before, :after, :first-node