Exemplu
Selectați și stilul de fiecare <p> element care este primul copil al părintelui său:
p:first-child
{
background-color: yellow;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
: Selectorul primul copil este utilizat pentru a selecta selectorul specificat, numai în cazul în care acesta este primul copil al părintelui său.
| Versiune: | CSS2 |
|---|
Suport pentru browser-
Numerele din tabel specifică prima versiune de browser care acceptă pe deplin selectorul.
| Selector | |||||
|---|---|---|---|---|---|
| :first-child | 4 | 7 | 3.0 | 3.1 | 9.6 |
Note: Pentru: primul copil să lucreze în IE8 și mai devreme, un <! DOCTYPE> trebuie să fie declarate.
CSS Sintaxa
Mai multe exemple
Exemplu
Selectați și stilul de fiecare <i> element al fiecărui <p> Element, unde <p> element este primul copil al părintelui său:
p:first-child i
{
background: yellow;
}
Încearcă - l singur » Exemplu
Selectați și stilul primul <li> element din liste:
li:first-child
{
background: yellow;
}
Încearcă - l singur » Exemplu
Selectați și stilul primul element copil al fiecărui <ul> Element:
ul > :first-child
{
background: yellow;
}
Încearcă - l singur » Pagini similare
Tutorial CSS: clase CSS Pseudo