Last-child-pseudoluokka

Last-child-pseudoluokka last-child valitsee elementin, joka on vanhemmansa viimeinen jälkeläinen.

Syntaksi

cssvalitsija:last-child {
  
}

Esimerkki

Tässä esimerkissä teemme punaiseksi sen li-elementin, joka on vanhemmansa viimeinen jälkeläinen (viimeinen ol-elementin sisällä):

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssli:last-child {
  color: red;
}

Результат: