CSS : селектор первого дочернего элемента
Пример
Выберите и стилизуйте каждый элемент <p>, который является первым дочерним элементом его родителя:
p:first-child
{
background-color: yellow;
}
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Селектор :first-child
используется для выбора указанного селектора, только если он является первым дочерним элементом своего родителя.
Версия: | CSS2 |
---|
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает селектор.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Синтаксис CSS
:first-child {
css declarations;
}
Дополнительные примеры
Пример
Выберите и стилизуйте каждый элемент <i> каждого элемента <p>, где элемент <p> является первым дочерним элементом своего родителя:
p:first-child i
{
background: yellow;
}
Пример
Выберите и настройте первый элемент <li> в списках:
li:first-child
{
background: yellow;
}
Пример
Выберите и настройте первый дочерний элемент каждого элемента <ul>:
ul > :first-child
{
background: yellow;
}
Связанные страницы
Учебное пособие по CSS: псевдоклассы CSS