CSS псевдокласс :link
CSS селекторыЗначение и применение
Псевдокласс :link задаёт стиль всем ссылкам, по которым пользователь не произвёл переход (не посещенные ссылки). Как правило, используется с псевдоклассом :visited, который определяет стиль для посещённых пользователем ссылок.
Поддержка браузерами
Селектор | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
---|---|---|---|---|---|---|
:link | 4.0 | 2.0 | 9.6 | 3.1 | 7.0 | 12.0 |
CSS cинтаксис:
:link { блок объявлений; }
Версия CSS
CSS1Пример использования
<!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> <title>Псевдокласс :link</title> <style> a:link { background-color: orange; } </style> </head> <body> <p>Не посещённые ссылки:</p> <a href = "https://ru.wikipedia.org/wiki/Квантовая_механика">Квантовая_механика</a> <a href = "https://ru.wikipedia.org/wiki/Начертательная_геометрия">Начертательная_геометрия</a> </body> </html>
В этом примере с использованием псевдокласса :link мы указали, что ссылки (элементы <a>) по которым пользователь не переходил подсвечиваются оранжевым цветом:
CSS селекторы