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

CSS селекторы

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

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

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

СелекторChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
:link4.02.09.63.17.012.0

CSS cинтаксис:

:link {
блок объявлений;
}

Версия CSS

CSS1

Пример использования

<!DOCTYPE html>
<html>
<head>
	<meta charset = "UTF-8">
	<title>Псевдокласс :link</title>
<style>
a:link {
background-color: orange;
}
</style>
</head>
	<body>
		<p>Не посещённые ссылки:</p>
		<a href = "https://ru.wikipedia.org/wiki/Квантовая_механика">Квантовая_механика</a>
		<a href = "https://ru.wikipedia.org/wiki/Начертательная_геометрия">Начертательная_геометрия</a>
	</body>
</html> 

В этом примере с использованием псевдокласса :link мы указали, что ссылки (элементы <a>) по которым пользователь не переходил подсвечиваются оранжевым цветом:

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