Кратко
СкопированоПсевдокласс :link
используется для оформления ссылок, которые пользователь ещё никогда не открывал (в рамках текущего домена).
Пример
Скопированоa:link { color: blue;}
a:link { color: blue; }
Как пишется
СкопированоКак и все псевдоклассы — через двоеточие и указание ключевого слова: :link
можно применять для <a>
-ссылок (и <area>
), у которых указан атрибут href
. Если не указан тег в селекторах, будет применён для всех этих элементов* (и даже для мета-тега <link>
при соблюдении условия наличия атрибута href
, но это уже совсем экзотика — мета-теги по умолчанию не отображаются на странице).
Как понять
СкопированоПриём с маркировкой посещённых (:visited
) и не посещённых (:link
) ссылок может быть полезен, например, в справочных документах вроде этого справочника: если пользователь идёт последовательно от статьи к статье, беглый взгляд на ссылки в оглавлении позволит сразу оценить изученный материал:
a:link { color: blue;}a:visited { color: green;}
a:link { color: blue; } a:visited { color: green; }
Если не указать тег, класс или id, к которому применяется псевдокласс, то свойство будет применено к любому возможному элементу, который способен иметь этот псевдокласс:
:visited { color: red;}
:visited { color: red; }
Подсказки
Скопировано💡 По умолчанию браузер применяет к :visited
-ссылкам особое оформление (по умолчанию более тёмно-синий, в отличие от непосещённых синих ссылок).
На практике
Скопированосоветует Скопировано
🛠 Классические ссылки — не стилизованные элементы меню, ссылки-кнопки, а просто ссылки в тексте — большая редкость, встречающаяся в основном в статьях и околонаучных документах типа Википедии. Но правильная стилизация посещённых ссылок может здорово помочь в навигации по таким документам.