Категория > Ссылки > Установить цвет посещённой ссылки - «Ссылки»

Установить цвет посещённой ссылки - «Ссылки»

27-03-2016, 09:49. Автор: Administrator

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. Цвет посещённой ссылки

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

Перейти обратно к новости