html.okpython.net
Основы создания сайтов
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