|
Каскадные таблицы стилей
|
|
|
|
Рисунок 6.8: Пример 8
> Контекстные селекторы
При разработке веб-страниц часто приходится они элементы вкладывать в другие
например, выделять слова тегом <ЕМ> в каком-нибудь абзаце, задаваемом тегом <Р>. В этом
случае говорят, что элемент Р порождает элемент ЕМ и является его предком, а сам элемент
ЕМ является потомком элемента Р. Некоторые свойства предка наследуются потомком,
например цвет шрифта. Чтобы вложенные элементы отображались со своими значениями
свойств, можно определить для них правила форматирования, как показано ниже:
Р (color:blue}
ЕМ {color:yellow}
Однако это приведет к тому, что все выделенные в документе элементы будут
отображаться шрифтом желтого цвета. А если необходимо, чтобы выделяемые только в абзаце
отображались желтым цветом, а в других частях документа каким-то другим цветом? Здесь
помогут контекстные селекторы. Поставленную задачу решит следующую правило:
Р ЕМ {color:yellow}
Контекстный селектор состоит из нескольких простых, разделенных пробелами. Браузер
просматривает все элементы документа, находит элементы ЕМ, порожденные элементом Р, и
применяет к ним указанное правило форматирования.
Таким образом, правила с контекстными селекторами задают исключения из общих
правил форматирования элементов документа, определенных с простыми селекторами.
Пример 9:
Оглавление учебника
Следующая страница
|
|
|
|
|
|
