Pseudo-klassen last-of-type

Pseudo-klassen last-of-type väljer ett element som är förälderns sista barn av angiven typ. Det betyder att om jag skriver h2:last-of-type så hittas den sista h2 i föräldern (till skillnad från last-child, som bara hittar den h2 som står sist i föräldern).

Syntax

cssselector:last-of-type {
  
}

Exempel

Låt oss hitta rubriken h2 som är den sista h2 i föräldern:

html<div>
  <h2>rubrik</h2>
  <p>stycke</p>
  
  <h2>rubrik</h2>
  <p>stycke</p>
  
  <h2>rubrik</h2>
  <p>stycke</p>
</div>

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

Результат: