Селектор :visited применяет стиль к посещенным ссылкам страницы.
Псевдокласс :visited применяется, когда ссылка открывается пользователем.
Браузеры разрешают следующие стили:
Версия
CSS1
Синтаксис
:visited {
css declarations;
}Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
a{
display:block;
padding:5px;
}
a:visited {
color: #8ebf42;
}
</style>
</head>
<body>
<h2>Пример селектора :visited</h2>
<a href="https://www.w3docs.com">W3docs</a>
<a href="https://stackdev.io/">Stackdev</a>
</body>
</html>В данном примере селектор :visited применяет зеленый цвет к посещенной ссылке.
Рассмотрим другой пример, где стиль применяется к ссылкам unvisited, visited, hover и active:
Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
p {
font-size: 20px;
}
/* unvisited link */
a:link {
color: #cccccc;
}
/* visited link */
a:visited {
color: #1c87c9;
}
/* mouse over link */
a:hover {
color: #8ebf42;
}
/* selected link */
a:active {
color: #666666;
}
</style>
</head>
<body>
<h2>Пример селектора :visited</h2>
<p>Visit our
<a href="https://www.w3docs.com/">website</a>.
</p>
</body>
</html>Поддержка браузера
|
|
|
|
|
|---|---|---|---|---|
| 4.0+ | 12.0+ | 2.0+ | 3.1+ | 10.0+ |
Практикуйте свои знания
Как работает псевдокласс :visited в CSS?
Правильный!
Неправильно!