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

Результат: