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

Псевдокласс :link (от англ. link – ссылка) позволяет выбрать все непосещенные ссылки и применить к ним требуемый стиль, например, a:link {блок объявлений}.

Селектор псевдоклассов напоминает селектор классов, но в отличие от классов, псевдоклассы в разметке html-документа не указываются и отделяются от указанного в селекторе элемента двоеточием «:». При этом выбираются элементы необходимого типа, которые соответствуют требованиям указанного в селекторе псевдокласса.

Синтаксис

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

Ссылки

Официальный сайт W3C: https://drafts.csswg.org/selectors-4/#link

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/:link

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<title>Пример №1</title>

	<style>
				
		/* Цвет непосещенных ссылок */
		a:link{
		color: green;			 
		}
		
		/* Цвет посещенных ссылок */		
		a:visited{
		color: red;			 
		}
		
	</style>
	
</head>
<body>

	<a href="#ancor_1">Кликни меня и я стану красной!!!</a><br>	
	<a href="#ancor_2">Если я красная, то меня уже посещали.</a><br>
	<a href="#ancor_3">Если я красная, то меня уже посещали.</a><br>	
	<a href="#ancor_4">Если я красная, то меня уже посещали.</a><br>
	<a href="#ancor_5">Если я красная, то меня уже посещали.</a>	
	
</body>
</html>

Пример №1