CSS
Комбинатор общих родственных элементов
Пример кода
<html>
<head>
<style>
div ~ p {background-color: yellow;}
</style>
</head>
<body>
<p>Выбрать все элементы (p), которые являются братьями и сестрами элемента (p) в (div).</p>
<p>Элемент (p) не в (div). Не выбирается-общий родственник, но объявлен раньше (div).</p>
<div>
<code>Элемент (code) в (div).</code>
<p>Элемент (p) в (div).</p>
</div>
<p>Элемент (p) не в (div). Выбирается-родственник элемента (p) в (div)-желтый фон.</p>
<code>Элемент (code) в (div). Не выбирается-не родственник элемента (p) в (div).</code>
<p>Элемент (p) не в (div). Выбирается-родственник элемента (p) в (div)-желтый фон.</p>
</body>
</html>
Вывод на экран
Элемент (p) не в (div). Не выбирается-общий родственник, но объявлен раньше (div).
Элемент (code) в (div).
Элемент (p) в (div).
Элемент (p) не в (div). Выбирается-родственник элемента (p) в (div)-желтый фон.
Элемент (code) в (div). Не выбирается-не родственник элемента (p) в (div).
Элемент (p) не в (div). Выбирается-родственник элемента (p) в (div)-желтый фон.
Остались вопросы? Нужна помощь? Напишите администратору сайта.