Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

Псевдо-класс CSS :first-child

Перейти к справке CSS

<html>
<head>
<style type="text/css">
p:first-child {color:blue}
</style>
</head>

<body>
<p>Это параграф.</p>
<p>Это параграф.</p>
</body>
</html>


Описание и использование

Псевдо-класс :first-child изменяет стиль элемента, который встречается первый раз в пределах родительского элемента.

В приведенном выше примере, только первый параграф окрасится в синий цвет, поскольку в пределах родительского элемента (body) он встречается первым.


Поддержка в браузерах

Chrome Firefox Internet Explorer Opera Safari
Псевдо-классподдерживается всеми основными браузерами.

Заметка: Internet Explorer поддерживает :first-child, только если указан Doctype.


Связанные страницы

Учебник CSS: Использование псевдо-классов в CSS


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта