Псевдокласс :visited

Справочник:

Псевдокласс

Характеристики свойства

В каких браузерах работает?


4.0+	1.0+	3.5+	1.0+	1.0+	1.0+	1.0+

В каких версиях CSS используется?

CSS 1	CSS 2	CSS 2.1	CSS 3
+	+	+	+

Для чего используется?

Такие псевдоклассы привязывают свое оформление к ссылкам, которые были уже посещены пользователем. Стоит отметить, что именно браузер запоминает какие ссылки быле уже посещены. Поэтому, при очистке кеша или сбросе настроек все ссылки будут оформлены, как не посещенные.

Как правильно задавать?

a:visited { … }

Какие могут быть значения?

Нет.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>visited</title>
  <style>
   a:link {
    color: #4757c8;
   }
   a:visited {
    color: #c3c3c3;
   }
  </style>
 </head>
 <body>
	<p><a href="#">А вот эту страничку пользователь уже посетил</a></p>
	<p><a href="##">Ссылка, по которой еще не переходили</a></p>
 </body>
</html>

По итогу получаем

Тип CSS свойства:

Псевдоклассы