Справочник по CSS : Тематический указатель : Селекторы : Комбинаторы : Adjacent Sibling (+)

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

Разработка и внедрение CRM-систем

Разработка и внедрение CRM-систем "под ключ" на базе SugarCRM. Любые задачи для любого вида бизнеса. Установка бесплатной CRM-системы бесплатно. Интеграция с существующей инфраструктурой, бухгалтерской программой, телефонией. Доработка существующих проектов. Обучение персонала.

подробнее ...

+7 (495) 646-06-27

8 (800) 555-06-28 (звонок бесплатный)

+7 (910) 9082123 (сотовый, МТС)

evgenjekson (бесплатная переадресация на сотовый)

195938768

[email protected]

Комбинатор Adjacent Sibling (+)

Определяет связь между соседними родственными простыми селекторами.

Синтаксис

HTML	E + F { sRules }
Скрипты	N/A

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

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

Замечания

Adjacent Sibling (+) - cоседний родственный комбинатор. Обозначается знаком +, который разделяет два простых селектора. Пробелы не учитываются.

Селектор в форме E+F значит, что элемент F следует сразу за элементом E в иерархии документа, исключая различные комментарии и т.п., и они обязательно имеют одного родителя.

Примеры

В примере используется cоседний родственный комбинатор (Adjacent Sibling (+) Combinator). Задается стиль для элемента H1 <h1>Первый заголовок</h1> и следующего сразу за ним в иерархии H2 <h2>Второй заголовок</h2>. Для H2 <h2>Третий заголовок</h2> стиль применен не будет.

<![CDATA[<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
    <style>
        H1 + H2 { text-indent:5px; color:red;}   
    </style>
</head>
<body>
    <h1>Первый заголовок</h1>
    <h2>Второй заголовок</h2>
    <h2>Третий заголовок</h2>
</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

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

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

Справочник по CSS : Тематический указатель : Селекторы : Комбинаторы : Adjacent Sibling (+)

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

Содержание

Комбинатор Adjacent Sibling (+)

Синтаксис

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

Замечания

Примеры

Стандарты

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

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

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

разделы сайта

Просмотры

Личные инструменты

Навигация

Поиск

Инструменты

наши проекты

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

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