Дочерний селектор используется для выбора элемента, который является прямым дочерним элементом от другого элемента. Дочерний селектор распространяется только на прямые дочерние элементы, но не влияет на все остальные наследуемые элементы.
-
<body>
-
<h1>Заголовок<em>текст</em></h1>
-
<div>
-
Обычный<em>текст</em>
-
<p>Параграф<em>текст</em></p>
-
</div>
-
</body>
Ниже в дереве документа синим выделен тот элемент <em>, который является прямым дочерним элемента <div>
Используя принцип, показанный ниже в примере, можно описать стили для любого дочернего элемента.
-
div > em {
-
color:blue;
-
}
или
-
div>em {
-
color:blue;
-
}
