Як тільки користувач відкриває посилання, воно позначається як відвідане та змінює свій колір на фіолетовий, встановлений за замовчуванням. Щоб задати вид оформлення відвідуваних посилань, використовуйте псевдоклас :visited, який додається до селектора A, як показано у прикладі 1.
Приклад 1. Колір відвідуваних посилань
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Колір посилань</title> <style> a { color: #A02932; /* Колір звичайного посилання */
}
a:visited { color: #9FA4AF; /* Колір відвідуваного посилання */
}
</style>
</head>
<body> <p><a href="page/new.html">Звичайне посилання</a></p> <p><a href="page/lorem.html">Клацніть на посилання</a>, щоб вона стала відвіданою.</p>
</body>
</html>Результат даного прикладу показаний не на рис. 1. Звичайні посилання задані червоним кольором, а відвідані сіром.
Мал. 1. Колір відвідуваного посилання