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

Результат: