Pseudoclasse last-of-type

La pseudoclasse last-of-type seleziona un elemento che è l'ultimo discendente del genitore del tipo specificato. Cioè, se scrivo h2:last-of-type - troverà l'ultimo h2 nel genitore (a differenza di last-child, che troverà solo quell'h2 che è l'ultimo assoluto nel genitore).

Sintassi

cssselettore:last-of-type {
  
}

Esempio

Troviamo il titolo h2 che è l'ultimo h2 nel genitore:

html<div>
  <h2>titolo</h2>
  <p>paragrafo</p>
  
  <h2>titolo</h2>
  <p>paragrafo</p>
  
  <h2>titolo</h2>
  <p>paragrafo</p>
</div>

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

Результат: