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