| |
Селекторы параметров
Обычная ссылка |
Внешняя
ссылка на сайт htmlbook.ru
Результат примера показан ниже (рис. 3).
Рис. 3. Изменение стиля для внешних ссылок
В данном примере внешние ссылки выделяются жирным начертанием. Внешние ссылки
характеризуются добавлением к
адресу протокола, например, для доступа к гипертекстовым документам
используется протокол HTTP. Поэтому внешние
ссылки начинаются с ключевого слова http://, его и добавляем к селектору A, как
показано в примере.
Значение параметра оканчивается определенным текстом
Описание
Устанавливает стиль для элемента в том случае, если значение параметра
оканчивается указанным текстом.
Синтаксис
[параметр$="значение"] { Описание правил стиля }
E[параметр$="значение"] { Описание правил стиля }
В первом случае стиль применяется ко всем элементам у которых значение
параметра завершается заданным текстом. А
во втором — только к определенным селекторам.
Пример 4
Селекторы параметров
Yandex.Com |
Yandex.Ru
В данном примере содержатся две ссылки, ведущие на разные домены — com и ru.
При этом к каждой такой ссылке с
помощью стилей добавляется своя фоновая картинка (рис. 4). Стилевые свойства
будут добавляться только для тех
ссылок, параметр href которых оканчивается на «.ru» или «.com». Заметьте, что
добавив к имени домена слэш
(http://www.yandex.ru/) или адрес страницы (http://www.yandex.ru/fun.html), мы
изменим тем самым окончание и стиль
применяться уже не будет.
HTML 4.01 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0
Рис. 4. Добавление __________________картинки к ссылкам
Значение параметра содержит указанный текст
Описание
Возможны варианты, когда стиль следует применить к тегу с определенным
параметром, при этом частью его значения
является некоторый текст. При этом точно не известно, в каком месте значения
включен данный текст — в начале,
середине или конце. В подобном случае следует использовать конструкцию *=.
Синтаксис
|
|
