Pseudoklasse first-child

Pseudoklassen first-child vælger et element, som er forældrens første barn.

Syntaks

cssselektor:first-child {
  
}

Eksempel

I dette eksempel vil vi gøre den li rød, som er forældrens første barn (den første inde i ol):

html<ol>
  <li>listeelement</li>
  <li>listeelement</li>
  <li>listeelement</li>
  <li>listeelement</li>
  <li>listeelement</li>
</ol>
cssli:first-child {
  color: red;
}

Результат: