На неб-странице, над которой вы работаете, правостороннее боковое меню
Resources содержит различные типы ссылок, которые вы выделите значками, используя
Отдельный значок для каждого типа. Для начала вы настроите базовый
Стиль, который применяется ко всем ссылкам.
Обучающий урок 1: стилизация ссылок 277
1. Добавьте во внутреннюю таблицу стилей веб-страницы l i nks. html следующее:
#resources а {
border-bottom: поnе:
Поскольку все ссылки, которые нужно отформатировать, находятся внутри
<di v> с идентификатором resources, селектор потомка #resources а воздействует
Только на эти ссылки. Этот стиль избавляется от подчеркивания, которое было
Добавлено в общем стиле ранее.
Далее вы добавите значок рядом с внешними ссылками.
Добавьте другой стиль в конец внутренней таблицы стилей веб-страницы
links.html:
a[hrefA='http://'J {
background: urlCimages/globe.png) no-repeat right top:
Этот стиль использует расширенный селектор атрибута. В основном он воздействует
На любую ссылку, которая начинается с http://. Как и стиль ссылки на
Адрес электронной почты, который вы создали ранее, этот стиль добавляет фоновое
Изображение. Он помещает изображение на правую сторону ссылки.
ПРИМЕЧАНИЕ--------------------------------------------------
Этом разделе вы используете расширенные селекторы атрибутов для стилизации различных ссылок
