Опубликовано: 18.08.2010 Последняя правка: 10.12.2015
CSS1CSS2CSS2.1CSS3
IEChromeFireFoxOperaSafari

:visited

Псевдокласс CSS :visited используется для добавления или изменения стилей (CSS) посещенных ссылок, то есть ссылок, на которые данный пользователь уже нажимал и делал по ним переход.

Тип псевдокласса

Назначение: псевдоклассы.

Применяется: к тегу <A>.

Значения

Нет.

Синтаксис

селектор:visited {  }

Пример CSS: использование :visited

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - CSS псевдокласс :visited</title>
  <style type="text/css">
   a:link    { color: blue } /* цвет непосещенных ссылок */
   a:visited { color: red } /* посещенных */
  </style>
 </head>
 <body>
  <p><a href="http://spravka.seodon.ru/css/">Справочник по CSS</a></p>
  <p><a href="http://spravka.seodon.ru/html/">Справочник по HTML</a></p>
 </body>
</html>

Результат примера

Результат. Использование псевдокласса CSS :visited.

Использование псевдокласса CSS :visited

В интернете все давно привыкли, что цвет посещенных ссылок соответствует одному из оттенков фиолетового или цвету непосещенных ссылок. Поэтому стоит хорошо подумать, прежде чем менять такой порядок вещей на своем сайте.

Версии CSS

Версия:CSS 1CSS 2CSS 2.1CSS 3
Поддержка:ДаДаДаДа

Браузеры

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа