5.7. Соседние селекторы с общим предком.

Соседние селекторы с общим предком имеют следующий синтаксис: Е1 + Е2, где Е2 является субъектом селектора (т.е. подчиненным). Селектор согласуется, если Е1 и Е2 разделяют одного и того же родителя в дереве документа, и за Е1 немедленно идет Е2.

В некотором контексте соседние элементы генерируют форматирующие объекты, чье представление осуществляется автоматически (например, сокращение вертикальных полей между соседними блоками). Селектор "+" позволяет авторам определить дополнительный стиль для соседних элементов.

Таким образом, следующее правило заявляет, что, когда Р элемент идет сразу после элемента MATH, то отступ отсутствует:

MATH + P { text-indent: 0 } 

Следующий пример уменьшает вертикальный интервал между Н1 и Н2, которые идут друг за другом:

H1 + H2 { margin-top: -5mm }

Следующее правило похоже на предыдущий пример, за исключением добавления селектора атрибута. Таким образом, произойдет дополнительное форматирование, когда Н1 будет иметь class="opener":

H1.opener + H2 { margin-top: -5mm }