Przykład
Wybierz i styl każdego <p> element, który jest pierwszym dzieckiem swojego rodzica:
p:first-child
{
background-color: yellow;
}
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Opcja: Selektor first-child służy do wyboru określonego wyboru, tylko wtedy, gdy jest pierwszym dzieckiem swojego rodzica.
| Wersja: | CSS2 |
|---|
Pomoc Browser
Liczby w tabeli określa pierwszą wersję przeglądarki, która w pełni obsługuje wybierak.
| Selektor | |||||
|---|---|---|---|---|---|
| :first-child | 4,0 | 7,0 | 3,0 | 3,1 | 9,6 |
Note: Do: first-child pracować w IE8, a wcześniej, <! DOCTYPE> muszą być zadeklarowane.
Składnia CSS
Więcej przykładów
Przykład
Wybierz i styl każdego <i> elementem każdego <p> elementu, gdzie <p> Element jest pierwszym dzieckiem swojego rodzica:
p:first-child i
{
background: yellow;
}
Spróbuj sam " Przykład
Wybierz i styl pierwszego <li> elementu w listach:
li:first-child
{
background: yellow;
}
Spróbuj sam " Przykład
Wybierz i styl pierwszy element podrzędny każdego <ul> element:
ul > :first-child
{
background: yellow;
}
Spróbuj sam " Podobne strony
Kurs CSS: Klasy CSS Pseudo