CSS псевдокласс :visited

CSS селекторы

Значение и применение

Псевдокласс :visited задаёт стиль всем ссылкам, по которым пользователь произвёл переход (посещенные ссылки). Как правило, используется с псевдоклассом :link, который определяет стиль для ссылок по которым пользователь не произвёл переход (непосещённые ссылки).

Поддержка браузерами

СелекторChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
:visited4.02.09.63.17.012.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>) по которым пользователь производил переход имеют красный цвет:

Пример использования псевдокласса :visited.
Пример использования псевдокласса :visited.
CSS селекторы