Pseudo-klasa first-of-type

Pseudo-klasa first-of-type odabira element koji je prvi potomak roditelja određenog tipa. To jest, ako napišete h2:first-of-type - pronaći će se prvi h2 u roditelju (za razliku od first-child, koji će pronaći samo onaj h2, koji stoji najpre u roditelju).

Sintaksa

cssselektor:first-of-type {
  
}

Primer

Pronađimo pasus koji je prvi pasus u roditelju:

html<div>
  <h2>zaglavlje</h2>
  <p>pasus</p>
  
  <h2>zaglavlje</h2>
  <p>pasus</p>
  
  <h2>zaglavlje</h2>
  <p>pasus</p>
</div>

cssp:first-of-type {
  color: red;
}

Результат: