Псевдокласс first-of-type

Псевдокласс first-of-type ота-онанинг белгиланган турининг биринчи авлоди бўлган элементни танлайди. Яъни, агар h2:first-of-type деб ёзсак - ота-онадаги биринчи h2 топилади (first-childдан фарқли ўлароқ, у факат ота-онада биринчи ўринда турган h2ни топadi).

Синтаксис

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;
}

Результат: