пишет:
На прошлом уроке мы рассмотрели селекторы потомков сейчас разберем селекторы дочерних элементов. Они отличаются от селекторов потомков тем, что позволяют выбрать элементы только первого уровня вложенности. Например:
<body> <h2>Заголовок</h2> <div> <p>Текст</p> </div> </body>
Хотя вложенными в элемент body элементами являются целых три - h2, div, p, но дочерними из них являются только два - div и h2, так как они находятся в первом уровне вложенности. А элемент p находится на втором уровне вложенности, так как вложен внутрь элемента div, а не просто элемента body.
Для обращения к дочерним элементам используется знак угловой скобки:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Селекторы атрибутов в CSS3</title>
<style>
.article > p{
color: red;
}
</style>
</head>
<body>
<div class="article">
<p>Аннотация к статье</p>
<div class="content">
<p>Текст статьи</p>
</div>
</div>
</body>
</html>
Читать далее
Это интересно
+1
|
|||
Последние откомментированные темы:
-
Обзор смартфона LG Optimus L9
(1)
hobert
,
01.03.2022
-
Антивирусные приложения Android для защиты устройства
(1)
Наталья_ласточка
,
27.02.2022
-
Как отключить уведомления от Сбербанк за 60 рублей через приложение Сбербанк онлайн и ещё 5 методов!
(1)
bbob
,
15.02.2022
-
Обходим блокировку сайтов.
(3)
Евгений_к
,
07.02.2022
-
Как можно зарабатывать онлайн без вложений
(1)
Vasil
,
20.01.2022
-
Как сделать меню пуск Windows 11 как в Windows 10?
(1)
Vasil
,
30.12.2021
-
Самый продвинутый блокировщик рекламы
(2)
Grigori
,
24.12.2021
-
Какие бывают опасные приложения для смартфона в Плей Маркете и App Store?
(1)
Лариотик
,
08.12.2021
20251118141336