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

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

Перейти к: навигация, поиск


Содержание

Комбинатор 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

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

Child (>) Combinator, General Sibling (~) Combinator, Descendant Combinator

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

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

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования
смотрим также
разработка интернет магазина с креативным дизайном . Вы можете выбрать услугу аренда автобуса с водителем для экскурсий.