CSS : selektor pierwszego dziecka
Przykład
Wybierz i nadaj styl każdemu elementowi <p>, który jest pierwszym dzieckiem swojego rodzica:
p:first-child
{
background-color: yellow;
}
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Selektor :first-child
jest używany do wybrania określonego selektora tylko wtedy, gdy jest pierwszym dzieckiem jego rodzica.
Wersja: | CSS2 |
---|
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje selektor.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Składnia CSS
:first-child {
css declarations;
}
Więcej przykładów
Przykład
Wybierz i stylizuj każdy element <i> każdego elementu <p>, gdzie element <p> jest pierwszym dzieckiem swojego rodzica:
p:first-child i
{
background: yellow;
}
Przykład
Wybierz i stylizuj pierwszy element <li> na listach:
li:first-child
{
background: yellow;
}
Przykład
Wybierz i stylizuj pierwszy element potomny każdego elementu <ul>:
ul > :first-child
{
background: yellow;
}
Powiązane strony
Samouczek CSS: CSS Pseudoklasy