Pseudo klas nth-of-type

Pseudo klas nth-of-type, berilen görnüşde n-inji nesil bolan elementi saýlaýar.

Ýagny, eger men h2:nth-of-type(4) ýazsam - ata-enada 4-inji h2 tapylar ( nth-child-den tapawutlylykda, häzirki h2, ata-enada 4-inji element bolan h2-leri tapýar).

Sintaksis

saýlaýjy:nth-of-type(san | odd | even | aňlatma){

}

Görnüşleri

Görnüşi	Düşündiriş
san	`1`-den başlap, öňe süýşýän san. Biz ýüz tutmak isleýän elementiň nomerini kesgitleýär. Elementleriň nomerleşmegi `1`-den başlaýar.
`odd`	Taq sanly elementler.
`even`	Jübüt sanly elementler.
aňlatma	Harp n bilen ýörite aňlatmalar düzüp bolýar, n noldan (bir-den däl) çäksizlige çenli ähli bitin sanlary aňladýar. Şeýlelikde, `2n` - ähli jübüt sanlary aňladýar (ikinjiden başlap). Munydy nähili düşünmeli? `n` harpa yerine `0`-den başlap we ş.m. sanlary goýýarys: eger n = 0 bolsa, 2n 0 berer - şeýle element ýok (elementleriň nomerleşmegi 1-den başlaýar), eger n = 1 bolsa, 2n 2 berer - ikinji element, eger n = 2 bolsa, 2n 4 berer - dördünji element. Eger 3n ýazylan bolsa - bu her üçünji element bolýar (üçünjiden başlap), we ş.m.

Mysal

Ata-enada 2-inji h2 bolan h2-lary tapalyň:

<div>
	<h2>sözbaşy</h2>
	<p>abzas</p>
	
	<h2>sözbaşy</h2>
	<p>abzas</p>
	
	<h2>sözbaşy</h2>
	<p>abzas</p>
</div>

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

Mysal

Ähli jübüt h2-lary tapalyň:

<div>
	<h2>sözbaşy</h2>
	<p>abzas</p>
	
	<h2>sözbaşy</h2>
	<p>abzas</p>
	
	<h2>sözbaşy</h2>
	<p>abzas</p>
	
	<h2>sözbaşy</h2>
	<p>abzas</p>
	
	<h2>sözbaşy</h2>
	<p>abzas</p>
</div>

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

Mysal

Ähli taq h2-lary tapalyň:

<div>
	<h2>sözbaşy</h2>
	<p>abzas</p>
	
	<h2>sözbaşy</h2>
	<p>abzas</p>
	
	<h2>sözbaşy</h2>
	<p>abzas</p>
	
	<h2>sözbaşy</h2>
	<p>abzas</p>
	
	<h2>sözbaşy</h2>
	<p>abzas</p>
</div>

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