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

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

სინტაქსი

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

მაგალითი

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

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

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

Результат: