Пример 1
Как стилизовать все элементы <p>, которые расположены сразу после элемента <div>:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
div + p { background-color:yellow; }
</style>
</head>
<body>
<h1>Добро пожаловать на мою домашнюю страницу</h1>
<div class="intro">
<h2 id="firstname">Меня зовут Дональд</h2>
<p id="hometown">Я живу в Дакбурге</p>
</div>
<p>Мой лучший друг Микки</p>
</body>
</html>
Определение и использование
Селектор element+element стилизует указанный элемент, который помещен сразу после (не внутри) определенного элемента.
Поддержка браузеров
Селектор element+element поддерживается во всех ведущих браузерах.
Примечание: Для того, чтобы element+element работал в IE, необходимо указать <!DOCTYPE>.
Версия CSS
Селектор element>element впервые представлен в: CSS 2
Была ли эта информация полезной?
