Pseudo-class first-child

first-child sözde sınıfı, üst öğenin ilk çocuğu olan öğeyi seçer.

Sözdizimi

cssseçici:first-child {
  
}

Örnek

Bu örnekte, kendi üst öğesinin ilk çocuğu (ol içindeki ilk) olan li öğesini kırmızı renk yapacağız:

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

Результат: