:last-childSelektor lahko ciljate na zadnji element neposredno v svojem vsebuje elementa. V specifikaciji CSS Selectors Level 3 je opredeljen kot "strukturni psevdorazred", kar pomeni, da se uporablja za oblikovanje vsebine glede na njen odnos z nadrejeno in sorojensko vsebino.
Recimo, da imamo članek in želimo zadnji odstavek zmanjšati, da deluje kot zaključek vsebine (kot opomba urednika):
Lorem ipsum…
Dolor sit amet…
Consectetur adipisicing…
Last paragraph…
Namesto da uporabimo razred (npr. .last), Ga lahko uporabimo :last-childza izbiro:
p:last-child ( font-size: 0.75em; )Uporaba :last-childje zelo podobna, :last-of-typevendar z eno kritično razliko: je manj specifična. :last-childbo poskušal najti le zadnji podrejeni element nadrejenega elementa, medtem ko se last-of-typebo ujemal z zadnjim pojavljanjem določenega elementa, tudi če v HTML ne bo nazadnje zadnji. V zgornjem primeru bi bil izid enak, le ker je zadnji podrejeni element articletudi zadnji pelement. To razkriva moč :last-child: lahko prepozna element glede na vse svoje brate in sestre, ne le na brate in sestre iste vrste.
Spodnji bolj popoln primer prikazuje uporabo :last-childin s tem povezano izbiro psevdo-razreda, :first-child.
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Kaj | 3,2+ | Kaj | 9,5+ | 9+ | Kaj | Kaj |
:last-childje bil uveden v modulu CSS Selectors 3, kar pomeni, da ga stare različice brskalnikov ne podpirajo. Vendar je sodobna podpora za brskalnike brezhibna, novi psevdo-izbirniki pa se pogosto uporabljajo v produkcijskih okoljih. Če potrebujete podporo za starejši brskalnik, bodisi polyfill za IE bodisi uporabite te izbirnike na nekritične načine - postopno izboljšanje, kar je priporočljivo.