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

Результат: