CSS : eerste-kind- kiezer
Voorbeeld
Selecteer en style elk <p> element dat het eerste onderliggende element is van zijn bovenliggende element:
p:first-child
{
background-color: yellow;
}
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De :first-child
selector wordt gebruikt om de gespecificeerde selector te selecteren, alleen als deze het eerste onderliggende item van de bovenliggende is.
Versie: | CSS2 |
---|
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de selector volledig ondersteunt.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
CSS-syntaxis
:first-child {
css declarations;
}
Meer voorbeelden
Voorbeeld
Selecteer en stijl elk <i>-element van elk <p>-element, waarbij het <p>-element het eerste onderliggende element van zijn bovenliggende element is:
p:first-child i
{
background: yellow;
}
Voorbeeld
Selecteer en style het eerste <li> element in lijsten:
li:first-child
{
background: yellow;
}
Voorbeeld
Selecteer en style het eerste onderliggende element van elk <ul> element:
ul > :first-child
{
background: yellow;
}
Gerelateerde pagina's
CSS-zelfstudie: CSS-pseudoklassen