Опубликовано: 18.08.2010 Последняя правка: 08.12.2015
:visited
Псевдокласс CSS :visited используется для добавления или изменения стилей (CSS) посещенных ссылок, то есть ссылок, на которые данный пользователь уже нажимал и делал по ним переход.
Тип псевдокласса
Назначение: псевдоклассы.
Применяется: к тегу <A>.
Значения
Нет.
Синтаксис
селектор:visited { }Пример CSS: использование :visited
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://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="https://spravka.seodon.ru/css/">Справочник по CSS</a></p>
<p><a href="https://spravka.seodon.ru/html/">Справочник по HTML</a></p>
</body>
</html>Результат. Использование псевдокласса CSS :visited.
В интернете все давно привыкли, что цвет посещенных ссылок соответствует одному из оттенков фиолетового или цвету непосещенных ссылок. Поэтому стоит хорошо подумать, прежде чем менять такой порядок вещей на своем сайте.
Версии CSS
| Версия: | CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
| Поддержка: | Да | Да | Да | Да |
Браузеры
| Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
| Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
| Поддержка: | Да | Да | Да | Да | Да |