Псевдоклас nth-last-child

Псевдоклас nth-last-child бира елемент који је n-ти потомак родитеља, рачунајући од краја. Понаша се слично као nth-child, само што се бројње обавља од краја.

Синтакса

селектор:nth-last-child(број | odd | even | израз) {
	
}

Вредности

Вредност	Опис
број	Позитиван број почев од `1`. Одређује редни број елемента којем желимо да приступимо. Бројање елемената почиње од `1`.
`odd`	Непарни елементи.
`even`	Парни елементи.
израз	Могуће је саставити специјалне изразе са словом n, које означава све целе бројеве од нуле (не од јединице) до бесконачности. Тако, `2n` значи све парне бројеве (почев од другог). Како то разумети? Заменујемо у `n` узастопно бројеве од `0` и тако даље: ако је n = 0, онда 2n даје 0 - таквог елемента нема (бројање елемената је од 1), ако је n = 1, онда 2n даје 2 - други елемент, ако је n = 2, 2n даје 4 - четврти елемент. Ако напишемо 3n - то ће бити сваки трећи елемент (почев од трећег), и тако даље.

Пример

У овом примеру ћемо направити црвене боје онај li који је 4-ти од краја потомак свог родитеља:

<ul>
	<li>ставка листе</li>
	<li>ставка листе</li>
	<li>ставка листе</li>
	<li>ставка листе</li>
	<li>ставка листе</li>
</ul>

li:nth-last-child(4) {
	color: red;
}

Пример

Сада ћемо црвеним учинити све парне од краја li:

<ul>
	<li>ставка листе</li>
	<li>ставка листе</li>
	<li>ставка листе</li>
	<li>ставка листе</li>
	<li>ставка листе</li>
</ul>

li:nth-last-child(even) {
	color: red;
}

Пример

Сада ћемо црвеним учинити све непарне од краја li:

<ul>
	<li>ставка листе</li>
	<li>ставка листе</li>
	<li>ставка листе</li>
	<li>ставка листе</li>
	<li>ставка листе</li>
</ul>

li:nth-last-child(odd) {
	color: red;
}

Пример

Сада ћемо црвеним учинити сваку трећу од краја li:

<ul>
	<li>ставка листе</li>
	<li>ставка листе</li>
	<li>ставка листе</li>
	<li>ставка листе</li>
	<li>ставка листе</li>
</ul>

li:nth-last-child(3n) {
	color: red;
}