| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Завдання
Змінити колір відвіданого посилання.
Рішення
Як тільки користувач відкриває документ, на який вказує посилання, вона позначається як відвідана і змінює свій колір на фіолетовий, установлений за замовчуванням. Щоб задати вид оформлення відвіданих посилань, використовуйте псевдоклас :visited, який додається до селектору A, як показано в прикладі 1.
Приклад 1. Колір відвіданих посилань
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Колір посилань</title>
<style type="text/css">
a {
color: #800000; /* Колір звичайного посилання */
}
a:visited {
color: #808000; /* Колір відвідуваного посилання */
}
</style>
</head>
<body>
<p><a href="visited.html">Відвідане</a> посилання після того, як на нього клацнули і перейшли за ним на нову сторінку.</p>
</body>
</html>
Результат цього прикладу показаний ні рис. 1.
Рис. 1. Колір відвідуваного посилання
У прикладі звичайне текстове посилання має червоний колір, а відвідуване — оливковий.