პსევდოკლასი first-of-type

პსევდოკლასი first-of-type ირჩევს ელემენტს, რომელიც არის მშობლის პირველი შვილი მითითებული ტიპის. ანუ, თუ დავწერთ h2:first-of-type - მოიძებნება პირველი h2 მშობელში (განსხვავებით first-child-ისგან, რომელიც იპოვის მხოლოდ იმ h2-ს, რომელიც დგას პირველი მშობელში).

სინტაქსი

სელექტორი:first-of-type {
	
}

მაგალითი

ვიპოვოთ აბზაცი, რომელიც არის პირველი აბზაცი მშობელში:

<div>
	<h2>სათაური</h2>
	<p>აბზაცი</p>
	
	<h2>სათაური</h2>
	<p>აბზაცი</p>
	
	<h2>სათაური</h2>
	<p>აბზაცი</p>
</div>

p:first-of-type {
	color: red;
}