Pseudoluokka first-child

Pseudoluokka first-child valitsee elementin, joka on vanhemmansa ensimmäinen lapsi.

Syntaksi

cssvalitsija:first-child {
  
}

Esimerkki

Tässä esimerkissä teemme punaiseksi sen li:n, joka on vanhemmansa ensimmäinen lapsi (ensimmäinen ol:n sisällä):

html<ol>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: