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

cssvalitsija:last-of-type {
  
}

Esimerkki

Etsitään otsikko h2, joka on viimeinen h2 vanhemmassa:

html<div>
  <h2>otsikko</h2>
  <p>kappale</p>
  
  <h2>otsikko</h2>
  <p>kappale</p>
  
  <h2>otsikko</h2>
  <p>kappale</p>
</div>

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

Результат: