Pseudotřída last-of-type

Pseudotřída last-of-type vybere element, který je posledním potomkem rodiče zadaného typu. To znamená, že pokud napíšu h2:last-of-type - najde se poslední h2 v rodiči (na rozdíl od last-child, který najde pouze ten h2, který stojí úplně poslední v rodiči).

Syntaxe

cssselektor:last-of-type {
  
}

Příklad

Najdeme nadpis h2, který je posledním h2 v rodiči:

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

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

Результат: