nth-of-type կեղծ դաս

nth-of-type կեղծ դասն ընտրում է տարրը, որը տրված տիպի n-րդ սերունդն է:

Այսինքն, եթե գրեմ h2:nth-of-type(4) - կգտնվի ծնողի մեջ գտնվող 4-րդ h2-ն (ի տարբերություն nth-child-ի, որը կգտնի միայն այն h2-ն, որն ինքն է ծնողի մեջ գտնվող 4-րդ տարրը):

Շարահյուսություն

ընտրիչ:nth-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>
</div>

h2:nth-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>
</div>

h2:nth-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>
</div>

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