Psevdo-sinif nth-of-type

Psevdo-sinif nth-of-type verilmiş tipdən olan n-ci övlad elementi seçir.

Yəni, mən h2:nth-of-type(4) yazsam - valideyndəki 4-cü h2 tapılacaq (fərqli olaraq nth-child-dan, ki o, yalnız valideyndəki 4-cü element olan h2-ni tapar).

Sintaksis

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

}

Dəyərlər

Dəyər	Izah
ədəd	`1`-dən başlayaraq müsbət ədəd. Müraciət etmək 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ə	Hərfi n olan xüsusi ifadələr qurmaq olar, bu n hərfi sıfırdan (bir deyil) sonsuzluğa qədər bütün tam ədədləri ifadə edir. Beləliklə, `2n` - bütün cüt nömrələri 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-dırsa, 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-dirsə, onda 2n 2 verəcək - ikinci element, əgər n = 2-dirsə, 2n 4 verəcək - dördüncü element. Əgər 3n yazılıbsa - bu hər üçüncü element olacaq (üçüncüdən başlayaraq) və s.

Nümunə

Valideyndəki 2-ci h2 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>
</div>

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

Nümunə

Bütün cüt h2-ləri 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>
</div>

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

Nümunə

Bütün tək h2-ləri 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>
</div>

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