Псевдокласс 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;
}

Результат: