:last-of-type

Die :last-of-type CSS Pseudoklasse repräsentiert den letzten Geschwisterknoten eines Typs in der Liste von Kindknoten des Elternelements.

element:last-of-type { Stileigenschaften }

Um das letzte <em> Element innerhalb eines <p> Elements auszuwählen, kann folgender Code verwendet werden:

p em:last-of-type {
  color: lime;
}

<p>
  <em>Ich bin nicht grün. :(</em>
  <strong>Ich bin nicht grün. :(</strong>
  <em>Ich bin grün! :D</em>
  <strong>Ich bin auch nicht grün. :(</strong>
</p>

<p>
  <em>Ich bin nicht grün. :(</em>
  <span><em>Ich bin grün!</em></span>
  <strong>Ich bin nicht grün. :(</strong>
  <em>Ich bin grün! :D</em>
  <span><em>Ich bin auch grün!</em> <strike> Ich bin nicht grün. </strike></span>
  <strong>Ich bin auch nicht grün. :(</strong>
</p>

...entspricht:

• :nth-last-of-type
• :first-of-type
• :nth-of-type