Как задать цвет посещённых ссылок
У меня уже несколько раз спрашивали, почему после клика по ссылке она меняет цвет и как это исправить. Цвет ссылок меняется из-за браузера, так как посещённые ссылки попадают в историю. Если у Вас история не сохраняется (как, например, у меня), цвет вообще меняться не будет. Сегодня я решил написать, как задать цвет посещённых ссылок, чтобы браузер не ставил свой цвет, который не всегда удачный.
Задавать цвет посещённых ссылок надо через CSS с помощью псевдоэлементов. Вот пример CSS-кода:
a:link, a:visited, a:active {
color: #00f;
}
Данным CSS-кодом мы даём команду браузера, что все непосещённые ссылки (псевдоэлемент link), посещённые ссылки (псевдоэлемент visited) и ссылки, на которых нажата кнопка мыши, (псевдоэлемент active) должны быть синего цвета.
Таким образом, теперь цвет ссылки всегда будет постоянным, причём именно таким, каким Вы его задали.
Если Вы не знаете, как подключить указанный CSS-код, то прочитайте статью: как задать css стиль.
-
Создано 07.10.2011 13:51:29
-
Михаил Русаков
Комментарии (5):
Здравствуйте, Михаил Русаков, не подскажите как убрать нижнее подчеркивание у всех ссылок(посещенных, непосещённых, активированных) на CSS?
Ответить
text-decoration: none;
Ответить
Михаил! А зачем указывать псевдоклассы для гиперссылок? Если просто написать селектор тег "а", то через него будет воздействие сразу на все четыре состояния гиперссылки. Например, гиперссылка должна всегда быть синей - a {color: #00f;}
Ответить
А как задать разные значения? Если например цвет посещённых ссылок должен отличатся от не посещённых.
Ответить
a:link {color: #000;} a:visited {color: #f00;}
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.