Пример 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
Была ли эта информация полезной?
