Справочник по CSS : Тематический указатель : Псевдоклассы : :first-child

Материал из Справочник Web-языков

• Главная
• CSS
• Тематический указатель
• Селекторы
• Псевдоклассы
• :first-child

Содержание 1 Псевдокласс :first-child 2 Синтаксис 3 Используемые значения 4 Замечания 5 Примеры 6 Стандарты 7 Поддерживаемые браузеры 8 Смотрите также 9 Ссылки на источники

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

Задает один или более стилей для первого из ряда дочерних элементов для объекта.

Синтаксис

HTML	:first-child { sRules }
Скрипты	N/A

Используемые значения

sRules

Строковое значение, которое определяет одну или более CSS-пару атрибут/значение.

Замечания

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

Данный псевдокласс доступен в Internet Explorer только в режиме совместимости стандартов (строгий !DOCTYPE).

Обычный текст не входит в иерархию html-документа и не учитывается при поиске первого дочернего элемента. Например, для элемента p первым дочерним элементом будет em, а не последовательность символов abc.

<p>abc <em>default</em> def</p>

Примеры

В примере используется псевдокласс :first-child. Отступ будет применяться только к элементу p в Первом фрагменте.

<style>
    p:first-child { text-indent: 5px; }
</style>

<!-- Первый фрагмент -->
<div class="note">
   <p> Первый P для DIV, принадлежащего классу note</p>
</div>

<!-- Второй фрагмент -->
<div class="note">
   <h2>Note</h2>
   <p> Первый P для DIV, принадлежащего классу note</p>
</div>

Стандарты

Этот псевдокласс определен в CSS, Level 2 Revision 1 (CSS2.1)

Поддерживаемые браузеры

Internet Explorer 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5, 10.0

Safari 1.3, 2.0, 3.1

Firefox 2.0, 3.0

Смотрите также

:first-letter, :first-line

Ссылки на источники

https://msdn.microsoft.com/en-us/library/ms530712(VS.85).aspx