Pseudotrieda last-of-type

Pseudotrieda last-of-type vyberá element, ktorý je posledným potomkom rodiča zadaného typu. To znamená, že ak napíšem h2:last-of-type - nájde sa posledný h2 v rodičovi (na rozdiel od last-child, ktorý nájde len ten h2, ktorý stojí ako úplne posledný v rodičovi).

Syntax

cssselektor:last-of-type {
  
}

Príklad

Nájdime nadpis h2, ktorý je posledným h2 v rodičovi:

html<div>
  <h2>nadpis</h2>
  <p>odsek</p>
  
  <h2>nadpis</h2>
  <p>odsek</p>
  
  <h2>nadpis</h2>
  <p>odsek</p>
</div>

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

Результат: