Pseudoclasse last-of-type

A pseudoclasse last-of-type seleciona um elemento que é o último descendente de seu tipo no elemento pai. Ou seja, se eu escrever h2:last-of-type - será encontrado o último h2 no elemento pai (diferente de last-child, que encontrará apenas o h2 que é o último filho direto no elemento pai).

Sintaxe

cssseletor:last-of-type {
  
}

Exemplo

Vamos encontrar o título h2 que é o último h2 no elemento pai:

html<div>
  <h2>título</h2>
  <p>parágrafo</p>
  
  <h2>título</h2>
  <p>parágrafo</p>
  
  <h2>título</h2>
  <p>parágrafo</p>
</div>

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

Результат: