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
selector:last-of-type {
}
Ejemplo
Encontremos el encabezado h2, que es el último
h2 en el padre:
<div>
<h2>encabezado</h2>
<p>párrafo</p>
<h2>encabezado</h2>
<p>párrafo</p>
<h2>encabezado</h2>
<p>párrafo</p>
</div>
h2:last-of-type {
color: red;
}
:
