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
Selektor:last-of-type {
}
Beispiel
Finden wir die Überschrift h2, die das letzte
h2 im Elternelement ist:
<div>
<h2>Überschrift</h2>
<p>Absatz</p>
<h2>Überschrift</h2>
<p>Absatz</p>
<h2>Überschrift</h2>
<p>Absatz</p>
</div>
h2:last-of-type {
color: red;
}
:
