Pseudoklas first-child

Die pseudoklas first-child kies die element wat die eerste nakomeling van sy ouer is.

Sintaksis

cssselekteerder:first-child {
  
}

Voorbeeld

In hierdie voorbeeld sal ons die li wat die eerste nakomeling van sy ouer is (die eerste binne ol) rooi van kleur maak:

html<ol>
  <li>lysitem</li>
  <li>lysitem</li>
  <li>lysitem</li>
  <li>lysitem</li>
  <li>lysitem</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: