CSS : Selettore del primo figlio
Esempio
Seleziona e modella ogni elemento <p> che è il primo figlio del suo genitore:
p:first-child
{
background-color: yellow;
}
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il :first-child
selettore viene utilizzato per selezionare il selettore specificato, solo se è il primo figlio del suo genitore.
Versione: | CSS2 |
---|
Supporto del browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il selettore.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Sintassi CSS
:first-child {
css declarations;
}
Altri esempi
Esempio
Seleziona e stilizza ogni elemento <i> di ogni elemento <p>, dove l'elemento <p> è il primo figlio del suo genitore:
p:first-child i
{
background: yellow;
}
Esempio
Seleziona e imposta lo stile del primo elemento <li> negli elenchi:
li:first-child
{
background: yellow;
}
Esempio
Seleziona e modella il primo elemento figlio di ogni elemento <ul>:
ul > :first-child
{
background: yellow;
}
Pagine correlate
Tutorial CSS: CSS Pseudo classi