Pseudoklasse first-of-type

Pseudoklassen first-of-type vælger et element, som er det første afkom af forældretypen. Det vil sige, hvis man skriver h2:first-of-type - findes den første h2 i forælderen (i modsætning til first-child, som kun finder den h2, som står forrest i forælderen).

Syntaks

cssselektor:first-of-type {
  
}

Eksempel

Lad os finde afsnittet, som er det første afsnit i forælderen:

html<div>
  <h2>overskrift</h2>
  <p>afsnit</p>
  
  <h2>overskrift</h2>
  <p>afsnit</p>
  
  <h2>overskrift</h2>
  <p>afsnit</p>
</div>

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

Результат: