Pseudo-klassen last-of-type

Pseudo-klassen last-of-type velger et element som er det siste barnet til forelderen av angitt type. Det vil si, hvis jeg skriver h2:last-of-type - vil den siste h2 i forelderen bli funnet (i motsetning til last-child, som bare finner den h2 som står helt sist i forelderen).

Syntaks

cssvelger:last-of-type {
  
}

Eksempel

La oss finne overskriften h2 som er den siste h2 i forelderen:

html<div>
  <h2>overskrift</h2>
  <p>avsnitt</p>
  
  <h2>overskrift</h2>
  <p>avsnitt</p>
  
  <h2>overskrift</h2>
  <p>avsnitt</p>
</div>

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

Результат: