Psevdorazred last-of-type

Psevdorazred last-of-type izbere element, ki je zadnji potomec starša določene vrste. To pomeni, da če napišem h2:last-of-type - bo najden zadnji h2 v staršu (za razliko od last-child, ki bo našel le tisti h2, ki je zadnji v staršu).

Sintaksa

cssselektor:last-of-type {
  
}

Primer

Poiščimo naslov h2, ki je zadnji h2 v staršu:

html<div>
  <h2>Naslov</h2>
  <p>Odstavek</p>
  
  <h2>Naslov</h2>
  <p>Odstavek</p>
  
  <h2>Naslov</h2>
  <p>Odstavek</p>
</div>

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

Результат: