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