:ссылка

Псевдокласс :link CSS псевдокласса обозначает элемент, который ещё не посещали. Он соответствует каждому непосещённому элементу <a> или <area>, у которого есть атрибут href.

Попробуйте

Стили, заданные псевдоклассами :link и :visited, могут быть переопределены любыми последующими псевдоклассами пользовательских действий (:hover или :active), имеющими не меньшую специфичность. Чтобы правильно стилизовать ссылки, поместите правило :link перед всеми другими правилами, относящимися к ссылкам, как определено порядком LVHA: :link — :visited — :hover — :active. Псевдокласс :visited и псевдокласс :link взаимно исключают друг друга.

Примечание: Используйте :any-link, чтобы выбрать элемент независимо от того, посещался он или нет.

Синтаксис

:link {
  /* ... */
}

Примеры

По умолчанию большинство браузеров применяют специальное значение color для посещённых ссылок. Таким образом, ссылки в этом примере, вероятно, будут иметь специальный цвет шрифта только до того, как вы их посетите. (После этого вам нужно будет очистить историю браузера, чтобы увидеть их снова.) Однако значения background-color скорее всего останутся, поскольку большинство браузеров по умолчанию не устанавливают эту собственность для посещённых ссылок.

HTML

<a href="#ordinary-target">This is an ordinary link.</a><br />
<a href="">You've already visited this link.</a><br />
<a>Placeholder link (won't get styled)</a>

CSS

a:link {
  background-color: gold;
  color: green;
}

Результат

Спецификации

Спецификация
Стандарт HTML # selector-link
Уровень 4 селекторов # link

Совместимость с браузерами

	Рабочие столы					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`:link`	1	12	1	3.5	1	18	4	14	3.2	1.0	1.5
`not_match_link`	1	12	87	3.5	15	18	87	14	15	1.0	1.5

См. также

Псевдоклассы, связанные со ссылками: :visited, :hover, :active

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/:link