Руководство по CSS

CSS @правила (RULES)

Полный список свойств CSS

Функции CSS Полное руководство по селекторам CSS

CSS + смежные brotherы выборщика

Смежные brotherы выборщика (+) между двумя выборщиками, когда второй элемент сразу следует за первым элементом, и оба элемента都属于 одного родителя, то второй элемент будет выбран.

Полное руководство по CSS-селекторам

Онлайн пример

Выберите все紧接着 <div> элемента первого <p> и первого <span> элемента:

Пример

<!DOCTYPE　html>
<html>
<title>Сайт базовых учебных материалов (oldtoolbag.com)</title>
<head>
<style>
div+p
{
background-color:red;
color:white;
}
div+span　{
　　background-color:　DodgerBlue;
}
</style>
</head>
<body>
<h1>Добро пожаловать на сайт базовых учебных материалов (ru.oldtoolbag.com)</h1>
<div>
<p>Наш адрес сайта: ru.oldtoolbag.com.</p>
<p>Название нашего сайта: Сайт базовых учебных материалов.</p>
<span>Демонстрация смежных兄弟ы выборщика</span>
<span>Демонстрация смежных兄弟ы выборщика</span>
</div>
<p>Мы предоставляем различные базовые учебные материалы, изучите основы, и вы сможете идти дальше!</p>
</body>
</html>

Проверьте, посмотрите ‹/›

Определение и использование

former_element　+　target_element　{　style　properties　}

element+element　 Смежные兄弟ы выборщика используются для выбора (не внутреннего) первого элемента, который следует сразу за указанным элементом.

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают element+element Выбор器的 смежные兄弟ы.

Внимание: 　element+elementВ IE8 для работы необходимо объявить 　<!DOCTYPE>Полное руководство по CSS-селекторам

Функции CSS Полное руководство по селекторам CSS