Справочник по CSS : Тематический указатель : Селекторы : Комбинаторы : General Sibling (~)
смотрим также
-
Источник: #/.
Материал из Справочник Web-языков
Содержание |
Комбинатор General Sibling (~)
Определяет обобщенную связь между родственными простыми селекторами.
Синтаксис
| HTML | E ~ F { sRules } |
| Скрипты | N/A |
Используемые значения
- E
- Строковое значение, которое определяет селектор.
- F
- Строковое значение, которое определяет селектор.
- sRules
- Строковое значение, которое определяет одну или более CSS-пару атрибут/значение.
Замечания
General Sibling (~) - обобщенный родственный комбинатор. Обозначается знаком ~ (тильда), который разделяет два простых селектора. Пробелы не учитываются.
Селектор в форме E~F значит, что элемент F следует за элементом E в иерархии документа, исключая различные комментарии и т.п., и они обязательно имеют одного родителя. В отличии от соседнего родственного комбинатора Adjacent Sibling (+), F необязательно следует сразу за E в иерархии документа, и F может быть не один.
Примеры
В примере используется обобщенный родственный комбинатор (General Sibling (~) Combinator). Задается стиль для всех объектов P, которые находятся после объекта H1 в иерархии документа.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html>
<head>
<style>
H1 ~ P:first-leter { text-decoration:underline; color: red; }
</style>
</head>
<body>
<p>К этому параграфу стиль не применяется.</p>
<h1>Первый заголовок</h1>
<h2>Второй заголовок</h2>
<p>К этому параграфу стиль применяется.</p>
<div>К объекту div стиль не применяется.</div>
<p>К этому параграфу стиль применяется.</p>
</body>
</html>
Стандарты
Этот комбинатор определен в CSS, Level 3 (CSS 3)
Поддерживаемые браузеры
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, Adjacent Sibling (+) Combinator, Descendant Combinator
Ссылки на источники
https://msdn.microsoft.com/en-us/library/aa358824(VS.85).aspx
