Pseudo-klassen first-child

Pseudo-klassen first-child velger et element som er det første barnet til forelderen.

Syntaks

cssvelger:first-child {
  
}

Eksempel

I dette eksempelet vil vi gjøre den li som er det første barnet til sin forelder (den første inni ol) rød:

html<ol>
  <li>listeelement</li>
  <li>listeelement</li>
  <li>listeelement</li>
  <li>listeelement</li>
  <li>listeelement</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: