Pseudo-klasa last-of-type

Pseudo-klasa last-of-type bira element koji je poslednji potomak roditelja određenog tipa. To znači, ako napišem h2:last-of-type - naći će se poslednji h2 u roditelju (za razliku od last-child, koji će naći samo onaj h2 koji stoji poslednji u roditelju).

Sintaksa

cssselektor:last-of-type {
  
}

Primer

Pronaći ćemo naslov h2, koji je poslednji h2 u roditelju:

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

cssh2:last-of-type {
  color: red;
}

Результат: