Как установить цвет посещённой ссылки?



Низкая сложность

Тема: 
Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+

Задача

Изменить цвет посещённой ссылки.

Решение

Как только пользователь открывает документ, на который указывает ссылка, она помечается как посещённая и меняет свой цвет на фиолетовый, установленный по умолчанию. Чтобы задать вид оформления посещенных ссылок, используйте псевдокласс :visited, который добавляется к селектору A, как показано в примере 1.

Пример 1. Цвет посещенных ссылок

HTML5CSS 2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Цвет ссылок</title>
  <style type="text/css">
   A {
    color: #800000; /* Цвет обычной ссылки */
   }
   A:visited {
    color: #808000; /* Цвет посещенной ссылки */
   }
  </style>
 </head>
 <body>
  <p><a href="visited.html">Посещённой</a> ссылка становится
  после того, как на неё щёлкнули и перешли по ней на новую страницу.</p>
 </body>
</html>

Результат данного примера показан ни рис. 1.

Цвет посещённой ссылки

Рис. 1. Цвет посещённой ссылки

В примере рядовая текстовая ссылка имеет красный цвет, а посещённая — оливковый.

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.