Psevdo-klass first-of-type

Psevdo-klass first-of-type parentning berilgan turdagi birinchi avlodi bo'lgan elementni tanlayadi. Ya'ni, agar h2:first-of-type yozilsa - parentdagi birinchi h2 topiladi (first-childdan farqli o'laroq, u faqat parentda birinchi o'rinda turgan h2ni topadi).

Sintaksis

cssselector:first-of-type {
  
}

Misol

Parentdagi birinchi abzatni topamiz:

html<div>
  <h2>sarlavha</h2>
  <p>abzat</p>
  
  <h2>sarlavha</h2>
  <p>abzat</p>
  
  <h2>sarlavha</h2>
  <p>abzat</p>
</div>

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

Результат: