Pseudoklass last-of-type

Pseudoklass last-of-type valib elemendi, mis on vanema viimane antud tüüpi järglane. See tähendab, kui ma kirjutan h2:last-of-type - leitakse viimane h2 vanemas (erinevalt last-child-st, mis leiab ainult selle h2, mis on vanemas kõige viimasena).

Süntaks

cssvalija:last-of-type {
  
}

Näide

Leiame pealkirja h2, mis on vanema viimane h2:

html<div>
  <h2>pealkiri</h2>
  <p>lõik</p>
  
  <h2>pealkiri</h2>
  <p>lõik</p>
  
  <h2>pealkiri</h2>
  <p>lõik</p>
</div>

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

Результат: