Pseudoklasė last-of-type

Pseudoklasė last-of-type pasirenka elementą, kuris yra paskutinis pagal tipą tėvinio elemento palikuonis. Tai yra, jei aš parašysiu h2:last-of-type - bus rastas paskutinis h2 tėviniame elemente (skirtingai nuo last-child, kuris ras tik tą h2, kuris yra pati paskutinė tėvinio elemento dalis).

Sintaksė

cssselektorius:last-of-type {
  
}

Pavyzdys

Raskime antraštę h2, kuri yra paskutinė h2 tėviniame elemente:

html<div>
  <h2>antraštė</h2>
  <p>pastraipa</p>
  
  <h2>antraštė</h2>
  <p>pastraipa</p>
  
  <h2>antraštė</h2>
  <p>pastraipa</p>
</div>

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

Результат: