Цветовое оформление ссылок
Что
Необходимо задать различные цвета для ссылок в разных состояниях: для тех, где пользователь еще не
был, для тех, где пользователь уже побывал, для той ссылки, над которой пользователь проносит сейчас
мышку и для той на которую уже нажал (но новая страница еще не подгружена)
Как
Прописываем в файле стилей или в секции <style> следующий текст, заменяя цвета в угловых
скобках (и сами скобки) на нужный цвет:
a:link {color:<цвет еще не посещенных ссылок>;}
a:visited {color:<цвет уже посещенных ссылок>;}
a:hover {color:<цвет для ссылок под мышкой>;}
a:active {color:<цвет для активируемых ссылок>;}
Почему
Первые две строки задают цвета, как это понятно из их названия, для еще не посещенных и уже посещенных
ссылок. Для отбора тех ссылок, которые пользователь уже посетил или еще не посетил (но будем надеяться
все же посетит), используются псевдоклассы :link.
и :visited, созданные именно для этого
(подробнее можно посмотреть уже в описаниях самих этих псевдоклассов). В третьей строке используем
псевдокласс :hover, он определяет активную
ссылку. И на конец в последней строке задаем цвет для нажатой ссылки, для чего используем предназначенный
уже для этого псевдокласс :active.
Важно что бы правила шли именно в таком порядке, так как следующее правило перекрывает предыдущее.
И для того что бы при наведении на ссылку браузер использовал именно правило для наведения, а не правило
о посещенных или нет ссылках, правило для наведения должно стоять после них. То же самое с нажатием -
естественно нажимая на ссылку мышка находится над (то есть к ней могло бы быть применено и третье
правило) и одновременно это или уже посещенная ссылка или нет.
