:last-node
Spis treści
- 1. Podsumowanie
- 2. Składnia
- 3. Przykłady
- 4. Notatki
- 5. Zobacz także
« CSS « Dokumentacja CSS
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
.
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: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
dsecondjest ostatnim dzieckiem elementu div - span o id
secondjest ostatnim dzieckiem elementu body
div: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: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.
Page last modified 17:21, 1 lip 2007 by Abc