:link

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Псевдокласс :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-ссылкам особое оформление (по умолчанию более тёмно-синий, в отличие от непосещённых синих ссылок).

На практике

Секция статьи "На практике"

Realetive

Секция статьи "Realetive"

🛠 Классические ссылки — не стилизованные элементы меню, ссылки-кнопки, а просто ссылки в тексте — большая редкость, встречающаяся в основном в статьях и околонаучных документах типа Википедии. Но правильная стилизация посещённых ссылок может здорово помочь в навигации по таким документам.