Pseudoklasse last-of-type

Pseudoklassen last-of-type vælger et element, som er forælderens sidste afkom af den angivne type. Det vil sige, hvis jeg skriver h2:last-of-type - vil den sidste h2 i forælderen blive fundet (i modsætning til last-child, som kun finder den h2, som står sidst i forælderen).

Syntaks

cssselektor:last-of-type {
  
}

Eksempel

Lad os finde overskriften h2, som er den sidste h2 i forælderen:

html<div>
  <h2>overskrift</h2>
  <p>afsnit</p>
  
  <h2>overskrift</h2>
  <p>afsnit</p>
  
  <h2>overskrift</h2>
  <p>afsnit</p>
</div>

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

Результат: