Справочник по CSS : Тематический указатель : Селекторы : Комбинаторы : Child
Материал из Справочник Web-языков
|
Разработка и внедрение CRM-систем | |||||||
|
Содержание |
Комбинатор Child (>)
Определяет наследственную связь между простыми селекторами.
Синтаксис
| HTML | E > F { sRules } |
| Скрипты | N/A |
Используемые значения
- E
- Строковое значение, которое определяет селектор.
- F
- Строковое значение, которое определяет селектор.
- sRules
- Строковое значение, которое определяет одну или более CSS-пару атрибут/значение.
Замечания
Child - наследственный комбинатор. Обозначается знаком >, который разделяет два простых селектора. Пробелы не учитываются.
Селектор в форме E>F значит, что элемент F является прямым потомком (наследником) элемента E в иерархии документа, исключая различные комментарии и т.п.
С помощью этого комбинатора вы можете определять стиль для объектов различного уровня вложенности. Например, задать стиль только для p, которые находятся в div.
body > div > p.
Примеры
В примере используется наследственный комбинатор (Child (>) Combinator). Задается стиль только для объектов p, которые являются наследниками BODY.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
<style>
BODY > P { line-height: 1.3; color: red;}
</style>
</head>
<body>
<p>Paragraph one</p>
<div><p>Paragraph two</p></div>
<p>Paragraph three</p>
</body>
</html>
Стандарты
Этот комбинатор определен в 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 1.5, 2.0, 3.0
Смотрите также
Adjacent Sibling (+) Combinator, General Sibling (~) Combinator, Descendant Combinator
Ссылки на источники
https://msdn.microsoft.com/en-us/library/aa358819(VS.85).aspx
