Результат данного примера показан ни рис. 1.
Рис. 1. Цвет посещённой ссылки
В примере рядовая текстовая ссылка имеет красный цвет, а посещённая — оливковый.
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. Цвет посещенных ссылок
<!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. Цвет посещённой ссылки
В примере рядовая текстовая ссылка имеет красный цвет, а посещённая — оливковый.
Сайт