Pseudoclase last-of-type

La pseudoclase last-of-type selecciona el elemento que es el último descendiente del tipo especificado de su padre. Es decir, si escribo h2:last-of-type - se encontrará el último h2 en el padre (a diferencia de last-child, que solo encontrará aquel h2 que está el último en el padre).

Sintaxis

cssselector:last-of-type {
  
}

Ejemplo

Encontremos el encabezado h2, que es el último h2 en el padre:

html<div>
  <h2>encabezado</h2>
  <p>párrafo</p>
  
  <h2>encabezado</h2>
  <p>párrafo</p>
  
  <h2>encabezado</h2>
  <p>párrafo</p>
</div>

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

Результат: