пример
Выберите стиль и каждый <p> элемент , который является первым потомком своего родителя:
p:first-child
{
background-color: yellow;
}
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
: Селектор первого ребенка используется для выбора указанного селектора, только если это первый ребенок своего родителя.
| Версия: | CSS2 |
|---|
Поддержка браузеров
Числа в таблице определяет первую версию браузера, который полностью поддерживает селектор.
| селектор | |||||
|---|---|---|---|---|---|
| :first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Note: Для получения : первого ребенка работать в 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 Псевдо