Справочник по 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