Psevdo-sinif nth-last-of-type

Psevdo-sinif nth-last-of-type valideynin verilmiş tipdeki n-ci nəslini seçir, sayma sonundan başlayır. nth-of-type kimi davranır, yalnız sayma sonundan başlayır.

Sintaksis

selektor:nth-last-of-type(ədəd | odd | even | ifadə) {
	
}

Dəyərlər

Dəyər	Təsvir
ədəd	`1`-dən başlayaraq müsbət ədəd. Ünvanlanmaq istədiyimiz elementin nömrəsini təyin edir. Elementlərin nömrələnməsi `1`-dən başlayır.
`odd`	Tək elementlər.
`even`	Cüt elementlər.
ifadə	N hərfi ilə xüsusi ifadələr qurmaq olar, bu hərf sıfırdan (bir deyil) sonsuzluğa qədər bütün tam ədədləri bildirir. Beləliklə, `2n` - bütün cüt nömrələr deməkdir (ikincidən başlayaraq). Bunu necə başa düşmək olar? `n`-də ardıcıl olaraq `0` və s. ədədləri əvəz edirik: əgər n = 0, onda 2n 0 verəcək - belə bir element yoxdur (elementlərin nömrələnməsi 1-dən başlayır), əgər n = 1, onda 2n 2 verəcək - ikinci element, əgər n = 2, 2n 4 verəcək - dördüncü element. Əgər 3n yazsaq - bu hər üçüncü element deməkdir (üçüncüdən başlayaraq) və s.

Nümunə

Valideyndə sondan 2-ci h2 olan h2-ni tapaq:

<div>
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
</div>

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

Nümunə

Sondan bütün cüt h2-leri tapaq:

<div>
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
</div>

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

Nümunə

Sondan bütün tək h2-leri tapaq:

<div>
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
	
	<h2>başlıq</h2>
	<p>abzas</p>
</div>

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