CSS : eerste-kind keurder
Voorbeeld
Kies en stileer elke <p>-element wat die eerste kind van sy ouer is:
p:first-child
{
background-color: yellow;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die :first-child
keurder word gebruik om die gespesifiseerde keurder te kies, slegs as dit die eerste kind van sy ouer is.
Weergawe: | CSS2 |
---|
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die kieser ten volle ondersteun.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
CSS-sintaksis
:first-child {
css declarations;
}
Meer voorbeelde
Voorbeeld
Kies en stileer elke <i>-element van elke <p>-element, waar die <p>-element die eerste kind van sy ouer is:
p:first-child i
{
background: yellow;
}
Voorbeeld
Kies en stileer die eerste <li>-element in lyste:
li:first-child
{
background: yellow;
}
Voorbeeld
Kies en stileer die eerste kinderelement van elke <ul>-element:
ul > :first-child
{
background: yellow;
}
Verwante bladsye
CSS handleiding: CSS Pseudo klasse