Pseudo-classe first-child

La pseudo-classe first-child sélectionne un élément qui est le premier enfant de son parent.

Syntaxe

csssélecteur:first-child {
  
}

Exemple

Dans cet exemple, nous allons mettre en rouge le li qui est le premier enfant de son parent (le premier dans ol) :

html<ol>
  <li>élément de liste</li>
  <li>élément de liste</li>
  <li>élément de liste</li>
  <li>élément de liste</li>
  <li>élément de liste</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: