Как задать цвет посещённых ссылок?

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

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Цвет ссылок</title>
  <style>
   a {
    color: #A02932; /* Цвет обычной ссылки */
   }
   a:visited {
    color: #9FA4AF; /* Цвет посещённой ссылки */
   }
  </style>
 </head>
 <body>
  <p><a href="page/new.html">Обычная ссылка</a></p>
  <p><a href="page/lorem.html">Щёлкните по ссылке</a>, чтобы 
     она стала посещённой.</p>
 </body>
</html>

Результат данного примера показан ни рис. 1. Обычные ссылки заданы красным цветом, а посещённые — серым.

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

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

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 20.09.2018
Редакторы: Влад Мержевич