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

Результат: