/css/pseudo-class_visited:> Посещённые ссылки_
Псевдокласс :visited
Синтаксис
CSS
[a][.класс]:visited { свойства }
Описание
Псевдокласс :visited
(от англ. "visited" ‒ «посещённый») применяется к ссылкам, которые уже были посещены, т.е. URL-адреса которых занесены в историю агента пользователя.
Применяется: | к элементам, выполняющим в языке роль якоря источника гиперссылки. В (X)HTML применяется только к элементам a с атрибутом «href »; |
---|---|
Регистр символов псевдокласса: | не учитывается; |
Медиа: | визуальные. |
Примечание
По истечении определённого количества времени, агенты пользователей могут возвращать посещённую ссылку («:visited
») в непосещённое состояние («:link
»).
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Псевдокласс :visited</title>
<style type="text/css">
a:visited { color: grey; } /* Посещённые ссылки отображаются серым цветом */
</style>
</head>
<body>
<h1>Псевдокласс «:visited»</h1>
<ul>
<li><a href="/css/">СSS</a></li>
<li><a href="/css/pseudo-class_visited/">Псевдокласс :visited</a></li>
<li><a href="/html/">HTML</a></li>
</ul>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Псевдокласс :visited</title>
<style type="text/css">
a:visited { color: grey; } /* Посещённые ссылки отображаются серым цветом */
</style>
</head>
<body>
<h1>Псевдокласс «:visited»</h1>
<ul>
<li><a href="/css/">СSS</a></li>
<li><a href="/css/pseudo-class_visited/">Псевдокласс :visited</a></li>
<li><a href="/html/">HTML</a></li>
</ul>
</body>
</html>
Псевдокласс :visited