Pseudoklasse last-of-type

De pseudoklasse last-of-type selecteert een element dat het laatste kind is van het ouderelement van het opgegeven type. Dat betekent dat als ik h2:last-of-type schrijf - de laatste h2 in de ouder wordt gevonden (in tegenstelling tot last-child, die alleen die h2 vindt die als allerlaatste in de ouder staat).

Syntaxis

cssselector:last-of-type {
  
}

Voorbeeld

Laten we de kop h2 vinden, die de laatste h2 in de ouder is:

html<div>
  <h2>kop</h2>
  <p>paragraaf</p>
  
  <h2>kop</h2>
  <p>paragraaf</p>
  
  <h2>kop</h2>
  <p>paragraaf</p>
</div>

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

Результат: