Pseudoklasa CSS :nth-last-child() działa prawie tak samo, jak pseudoklasa :nth-child(), tylko wybiera elementy od końca, zamiast od początku grupy elementów. Używa się jej na przykład do naprzemiennego kolorowania wierszy tabeli i wielu innych celów.
Pseudoklasa :nth-last-child() przyjmuje takie same wartości, jak pseudoklasa :nth-child(), czyli słowa kluczowe odd i even oraz wartość utworzoną według wzoru an+b. Ich szczegółowe omówienie znajduje się w opisie składni pseudoklasy :nth-child.
Przykład użycia :nth-last-child
W poniższym przykładzie pseudoklasa :nth-last-child() wybierze co drugi element, zaczynając od trzeciego elementu od końca:
<style>
li:nth-last-child(2n+3) {color: red}
</style>
...
<ol>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
<li>Punkt 5</li>
<li>Punkt 6</li>
<li>Punkt 7</li>
<li>Punkt 8</li>
<li>Punkt 9</li>
<li>Punkt 10</li>
<li>Punkt 11</li>
<li>Punkt 12</li>
</ol>Składnia :nth-last-child
Składnia pseudoklasy :nth-last-child:
:nth-last-child(odd | even | an+b [of S])