CSS псевдокласс :visited
CSS селекторыЗначение и применение
Псевдокласс :visited задаёт стиль всем ссылкам, по которым пользователь произвёл переход (посещенные ссылки). Как правило, используется с псевдоклассом :link, который определяет стиль для ссылок по которым пользователь не произвёл переход (непосещённые ссылки).
Поддержка браузерами
Селектор | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
---|---|---|---|---|---|---|
:visited | 4.0 | 2.0 | 9.6 | 3.1 | 7.0 | 12.0 |
CSS синтаксис:
:visited { блок объявлений; }
Версия CSS
CSS1Пример использования
<!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> <title>Псевдокласс :visited</title> <style> a:visited { color: orange; } </style> </head> <body> <p>Cсылки, которые Вы уже посещали:</p> <a href = "https://ru.wikipedia.org/wiki/Квантовая_механика"> Квантовая_механика</a> <a href = "https://ru.wikipedia.org/wiki/Начертательная_геометрия"> Начертательная_геометрия</a> </body> </html>
В этом примере с использованием псевдокласса :visited мы указали, что ссылки (элементы <a>) по которым пользователь производил переход имеют красный цвет:
CSS селекторы