В этом примере абзац идентифицирован именем par24 в параметре id, поэтому к нему применимо правило с селектором #par24. Второе правило в таблице стилей должно применяться к заголовку первого уровня с идентификатором form3. Такого элемента в нашем фрагменте HTML-кода нет, а заголовок form2 отображается с применением правила по умолчанию.
При разработке страниц HTML часто приходиться одни элементы вкладывать в другие, например, выделять слова тэгом в каком-нибудь абзаце задаваемом тэгом
. В этом случае говорят, что элемент
порождает элемент и является его предком, а сам элемент является потомком элемента
. Некоторые свойства предка наследуются потомком, например, цвет шрифта (свойство color). Если необходимо чтобы выделяемые только в абзацах элементы отображались одним образом, а в других частях документа по - другому применяют контекстные селекторы. Например, для отображения в абзацах текста выделеного тэгами шрифтом жёлтого цвета необходимо задать следующее правило:
P EM { color: yellow }
Контекстный селектор состоит из нескольких простых, разделённых пробелами. Интерпритатор браузера просматривает в стеке все открытые элементы, находит элементы , порождённые элементом.
|
