Pseudo-klasse first-child

De pseudo-klasse first-child selecteert een element dat het eerste kind is van zijn ouder.

Syntaxis

cssselector:first-child {
  
}

Voorbeeld

In dit voorbeeld maken we de kleur rood voor die li die het eerste kind is van zijn ouder (de eerste binnen ol):

html<ol>
  <li>lijstitem</li>
  <li>lijstitem</li>
  <li>lijstitem</li>
  <li>lijstitem</li>
  <li>lijstitem</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: