Справочник по CSS : Тематический указатель : Псевдоклассы : :first-child
смотрим также
Материал из Справочник Web-языков
Содержание |
Псевдокласс :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
Смотрите также
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms530712(VS.85).aspx