| |
[параметр*="значение"] { Описание правил стиля }
E[параметр*="значение"] { Описание правил стиля }
Пример 5
Селекторы параметров
Теги HTML |
Шаг за шагом |
Графика для Веб
Результат данного примера показан на рис. 5. В примере показано изменение стиля
ссылок, в параметре href которых
встречается слово «htmlbook».
Рис. 5. Изменение стиля для ссылок, в адресе которых встречается «htmlbook»
Одно из нескольких значений параметра
Описание
Некоторые значения параметров могут перечисляться через пробел, например имена
классов. Чтобы задать стиль при
наличии в списке требуемого значения требуется использовать конструкцию ~=.
Синтаксис
[параметр~="значение"] { Описание правил стиля }
E[параметр~="значение"] { Описание правил стиля }
Стиль применяется в том случае, если у параметра имеется указанное значение или
оно входит в список значений,
разделяемых пробелом.
Пример 6
HTML 4.01 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 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
Блок
Заголовок
В данном примере зеленый цвет текста применяется к селектору H3, если имя
класса у слоя задано как block. Отметим, что
аналогичный результат можно получить, если использовать конструкцию *= вместо
~=.
Дефис в значении параметра
Описание
В именах идентификаторов и классов разрешено использовать символ дефиса (-),
что позволяет создавать значащие
значения параметров id и class.
Синтаксис
[параметр|="значение"] { Описание правил стиля }
E[параметр|="значение"] { Описание правил стиля }
Стиль применяется к элементам, у которых параметр начинается с указанного
значения или с фрагмента значения, после
которого идет дефис.
Пример 7
Блок
|
