Селектор :first-child
Выберите и задайте стиль каждому элементу <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 Псевдо классы