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

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

Синтакса

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

Вредности

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

Пример

Пронађимо h2 који је 2-и h2 у родитељу рачунајући са краја:

<div>
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
</div>

h2:nth-last-of-type(2) {
	color: red;
}

Пример

Пронађимо све парне h2 рачунајући са краја:

<div>
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
</div>

h2:nth-last-of-type(even) {
	color: red;
}

Пример

Пронађимо све непарне h2 рачунајући са краја:

<div>
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
	
	<h2>наслов</h2>
	<p>пасус</p>
</div>

h2:nth-last-of-type(odd) {
	color: red;
}