A first-of-type pszeudoosztály

A first-of-type pszeudoosztály kiválasztja azt az elemet, amely a szülő első adott típusú leszármazottja. Azaz, ha h2:first-of-type-t írunk, akkor megtalálja az első h2-t a szülőben (eltérően a first-child-tól, amely csak akkor találja meg a h2-t, ha az a szülőben legelsőként áll).

Szintaxis

cssszelektor:first-of-type {
  
}

Példa

Keressük meg azt a bekezdést, amely az első bekezdés a szülőben:

html<div>
  <h2>cím</h2>
  <p>bekezdés</p>
  
  <h2>cím</h2>
  <p>bekezdés</p>
  
  <h2>cím</h2>
  <p>bekezdés</p>
</div>

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

Результат: