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

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

სინტაქსი

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

მაგალითი

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

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

cssh2:last-of-type {
  color: red;
}

Результат: