:last-childСелектор вам омогућава да циљате последњи елемент директно у свом садржи елемент. Дефинисан је у спецификацији ЦСС Селецторс Левел 3 као „структурна псеудо-класа“, што значи да се користи за обликовање садржаја на основу односа са родитељским садржајем и садржајем.
Претпоставимо да имамо чланак и желимо да последњи пасус умањимо, да би деловао као закључак садржаја (попут напомене уредника):
Lorem ipsum…
Dolor sit amet…
Consectetur adipisicing…
Last paragraph…
Уместо да користимо класу (нпр. .last), Можемо је користити :last-childза избор:
p:last-child ( font-size: 0.75em; )Употреба :last-childје врло слична, :last-of-typeали са једном критичном разликом: мање је специфична. :last-childпокушаће да подудара само последње дете родитељског елемента, док last-of-typeће се подударати са последњим појављивањем наведеног елемента, чак и ако у ХТМЛ-у не постане последњи. У примеру изнад исход би био исти, само зато што је последње дете articleтакође последњи pелемент. Ово открива моћ :last-child: може да идентификује елемент у односу на сву своју браћу и сестре, а не само на браћу и сестре исте врсте.
Што више цомплете Пример испод показује употребу :last-childи повезане селектор псеудо-класе, :first-child.
Подршка прегледача
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| Било који | 3.2+ | Било који | 9.5+ | 9+ | Било који | Било који |
:last-childје представљен у ЦСС Селецторс Модуле 3, што значи да га старе верзије прегледача не подржавају. Међутим, савремена подршка за прегледаче је беспрекорна, а нови псеудо-селектори се широко користе у производним окружењима. Ако вам је потребна старија подршка за прегледач, или полифил за ИЕ, или користите ове бираче на некритичне начине, уз прогресивно побољшање, што се препоручује.