пишет:
Селекторы элементов одного уровня или смежных элементов позволяют выбрать элементы, которые находятся на одном уровне вложенности. Иногда такие элементы еще называют сиблинги (siblings) или сестринскими элементами.
Например:
<body> <h2>Заголовок</h2> <div> <p>Текст первого блока</p> </div> <div> <p>Текст второго блока</p> </div> </body>
Здесь элементы h2 и оба блока div являются смежными, так как находятся на одном уровне. А элементы параграфов и заголовок h2 не являются смежными, так как параграфы вложены в блоки div.
Чтобы стилизовать первый смежный элемент по отношению к определенному элементу, используется знак плюса +:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Селекторы в CSS3</title>
<style>
h2+div { color: red; }
</style>
</head>
<body>
<h2>Заголовок</h2>
<div>
<p>Текст первого блока</p>
</div>
<div>
<p>Текст второго блока</p>
</div>
</body>
</html>
Читать далее
Это интересно
0
|
|||
Последние откомментированные темы:
-
Обзор смартфона LG Optimus L9
(1)
hobert
,
01.03.2022
-
Антивирусные приложения Android для защиты устройства
(1)
Наталья_ласточка
,
27.02.2022
-
Как отключить уведомления от Сбербанк за 60 рублей через приложение Сбербанк онлайн и ещё 5 методов!
(1)
bbob
,
15.02.2022
-
Обходим блокировку сайтов.
(3)
Евгений_к
,
07.02.2022
20250419134909