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