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. Колір відвідуваного посилання
У прикладі звичайне текстове посилання має червоний колір, а відвідуване — оливковий.