Esempio
Selezionare e stile ogni <p> elemento che è il primo figlio del suo genitore:
p:first-child
{
background-color: yellow;
}
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
L': selettore di first-child viene utilizzato per selezionare il selettore specificato, solo se è il primo figlio del suo genitore.
| Versione: | CSS2 |
|---|
Supporto per il browser
I numeri nella tabella specifica la prima versione del browser che supporta pienamente il selettore.
| Selettore | |||||
|---|---|---|---|---|---|
| :first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Note: Per: first-child di lavorare in IE8 e precedenti, un <! DOCTYPE> deve essere dichiarato.
CSS Sintassi
Altri esempi
Esempio
Selezionare e stile ogni <i> elemento di ogni <p> elemento, dove il <p> elemento è il primo figlio del suo genitore:
p:first-child i
{
background: yellow;
}
Prova tu stesso " Esempio
Selezionare e lo stile del primo <li> elemento nelle liste:
li:first-child
{
background: yellow;
}
Prova tu stesso " Esempio
Selezionare e lo stile del primo elemento figlio di ogni <ul> elemento:
ul > :first-child
{
background: yellow;
}
Prova tu stesso " Pagine correlate
Tutorial CSS: classi CSS Pseudo