Pseudo-classe first-child

La pseudo-classe first-child seleziona un elemento che è il primo figlio del suo genitore.

Sintassi

cssselettore:first-child {
  
}

Esempio

In questo esempio, renderemo di colore rosso quell'elemento li che è il primo figlio del suo genitore (il primo all'interno di ol):

html<ol>
  <li>voce di elenco</li>
  <li>voce di elenco</li>
  <li>voce di elenco</li>
  <li>voce di elenco</li>
  <li>voce di elenco</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: