Psevdorazred first-of-type

Psevdorazred first-of-type izbere element, ki je prvi podrejeni element starša določene vrste. To pomeni, če napišemo h2:first-of-type - bo najden prvi h2 v staršu (za razliko od first-child, ki bo našel samo tisti h2, ki je prvi v staršu).

Sintaksa

cssizbiralec:first-of-type {
  
}

Primer

Poiščimo odstavek, ki je prvi odstavek v staršu:

html<div>
  <h2>naslov</h2>
  <p>odstavek</p>
  
  <h2>naslov</h2>
  <p>odstavek</p>
  
  <h2>naslov</h2>
  <p>odstavek</p>
</div>

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

Результат: