Pseudo-luokka last-of-type
Pseudo-luokka last-of-type valitsee
elementin, joka on vanhemman määritetyn tyypin
viimeinen jälkeläinen. Toisin sanoen, jos minä
kirjoitan h2:last-of-type - löytyy viimeinen
h2 vanhemmassa (toisin kuin last-child,
joka löytää vain sen h2, joka on
viimeisenä vanhemmassa).
Syntaksi
valitsija:last-of-type {
}
Esimerkki
Etsitään otsikko h2, joka on viimeinen
h2 vanhemmassa:
<div>
<h2>otsikko</h2>
<p>kappale</p>
<h2>otsikko</h2>
<p>kappale</p>
<h2>otsikko</h2>
<p>kappale</p>
</div>
h2:last-of-type {
color: red;
}
:
