Pseudo-classe first-child
La pseudo-classe first-child seleziona un elemento
che è il primo figlio del suo genitore.
Sintassi
selettore: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):
<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>
li:first-child {
color: red;
}
: