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
selettore:last-of-type {
}
Esempio
Troviamo il titolo h2 che è l'ultimo
h2 nel genitore:
<div>
<h2>titolo</h2>
<p>paragrafo</p>
<h2>titolo</h2>
<p>paragrafo</p>
<h2>titolo</h2>
<p>paragrafo</p>
</div>
h2:last-of-type {
color: red;
}
: