| |
Браузеры
Internet Explorer до шестой версии включительно не поддерживает тег ,
поэтому любое добавление
стиля к селектору ABBR игнорируется.
Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Частично Да Да Да Да Да Да Да Да Да Да Да Да Да
HTML 4.01 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
Контекстные селекторы
Описание
При создании веб-страницы часто приходится вкладывать одни теги внутрь других.
Чтобы стили для этих
тегов использовались корректно, помогут селекторы, которые работают только в
определенном контексте.
Например, задать стиль для тега только когда он располагается внутри
контейнера . Таким образом
можно одновременно установить стиль для отдельного тега, а также для тега,
который находится внутри
другого.
Синтаксис
E F { Описание правил стиля }
Здесь E это родительский тег, а F — тег, расположенный в контейнере . В этом
случае стиль будет
применяться к тегу , когда соблюдается следующий код . Не
обязательно должно быть
два тега, допускается произвольный уровень вложения. При этом конструкция может
записываться так: div
div ul li {...}.
Пример
Контекстные селекторы
Жирное начертание текста
Одновременно жирное начертание текста
и выделенное цветом
В данном примере показано обычное применение тега и этого же тега, когда он
вложен внутрь абзаца
. При этом меняется цвет и шрифт текста, как показано на рис. 1.
Рис. 1. Использование контекстных селекторов
Браузеры
В браузере Internet Explorer версии 6 и ниже не работает комбинация контекстных
селекторов и
псевдокласса hover. Например, стиль для селекторов P B:hover или A:hover SPAN
применяться не будет.
Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Ошибки Да Да Да Да Да Да Да Да Да Да Да Да Да
HTML 4.01 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
Дочерние селекторы
Описание
Дочерним называется элемент, который непосредственно располагается внутри
родительского элемента.
Какой элемент выступает родителем, а какой его потомком легко выяснить с
помощью дерева элементов —
так называется структура отношений тегов документа между собой (рис. 1).
Рис. 1. Дерево элементов
На рис. 1 в удобном виде представлена вложенность элементов и их иерархия.
Здесь дочерним элементом
по отношению к тегу выступает тег . Вместе с тем тег не
является дочерним для тега
, поскольку он расположен в контейнере .
Синтаксис
E > F { Описание правил стиля }
Стиль применяется к элементу F, только когда он является дочерним для элемента
E.
Пример
|
|
