Pseudoklassen first-child

Pseudoklassen first-child väljer ett element som är förälderns första barn.

Syntax

cssselektor:first-child {
  
}

Exempel

I detta exempel kommer vi att göra den li som är förälderns första barn (den första inuti ol) röd:

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

Результат: