Pseudoklasse last-of-type

Der Pseudoklasse last-of-type wählt ein Element aus, das der letzte Nachkomme seines Elternelements eines bestimmten Typs ist. Das heißt, wenn ich h2:last-of-type schreibe - wird das letzte h2 im Elternelement gefunden (im Gegensatz zu last-child, das nur das h2 findet, das als letztes im Elternelement steht).

Syntax

cssSelektor:last-of-type {
  
}

Beispiel

Finden wir die Überschrift h2, die das letzte h2 im Elternelement ist:

html<div>
  <h2>Überschrift</h2>
  <p>Absatz</p>
  
  <h2>Überschrift</h2>
  <p>Absatz</p>
  
  <h2>Überschrift</h2>
  <p>Absatz</p>
</div>

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

Результат: