Pseudo-class first-child

Pseudo-class first-child memilih elemen, yang merupakan anak pertama dari parent.

Sintaksis

cssselector:first-child {
  
}

Contoh

Dalam contoh ini, kita akan membuat warna merah pada li yang merupakan anak pertama dari parent-nya (pertama di dalam ol):

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;
}

Результат: