: ссылка | CSS-трюки — CSS-трюки
DigitalOcean предоставляет облачные продукты для каждого этапа вашего путешествия. Начните с бесплатного кредита в размере 200 долларов США!
Селектор :link — это псевдокласс, предназначенный для всех элементов привязки ( ) на странице, имеющих атрибут href :
a:link {
цвет: аквамарин;
} Приведенный выше пример изменит цвет всех ссылок на цвет морской волны.
При использовании в сочетании с 9Псевдокласс 0005 :hover , :link должен стоять первым или вообще не быть определен, чтобы стили :hover работали. Это потому, что они одинаково специфичны, поэтому, если : ссылка идет после, эти стили переопределяют стили наведения. Думайте ЛЮБОВЬ и НЕНАВИСТЬ, чтобы получить правильный порядок.
Псевдокласс :link будет нацелен на все элементы , которые имеют атрибут href , даже если 
Так что в этом смысле он похож на селектор атрибутов 9.0005 [ссылка] .
Вот несколько примеров, чтобы увидеть, что будет соответствовать псевдоклассу :link :
CSS-трюки CSS-трюки CSS-Tricks
Только три HTML-элемента принимают атрибут href : , <ссылка> и <область> . Только элемент может быть оформлен с помощью псевдокласса :link . Кроме того, вы не можете добавить атрибут href к другому типу элемента и сделать его доступным для стилей с помощью :link . Другими словами, если бы у вас был следующий HTML-код:
CSS-Tricks
, следующий CSS не имел бы никакого эффекта:
div: соединять {
цвет: аквамарин;
} Опять же, HTML не пройдет проверку, поскольку Из-за того, что Кроме того, для всех практических целей при использовании HTML псевдокласс Однако, если на странице есть элементы Следует также отметить, что, начиная с CSS2, другие языки документов (кроме HTML) могут определять другие элементы, кроме якорей, которые можно стилизовать с помощью ссылки ссылки ссылки Будет соответствовать следующему: Этот абзац должен иметь зеленый фон. 0 Это один из селекторов атрибутов сопоставления подстрок, доступных в CSS3. Он сопоставляет ссылки с атрибутами Для иллюстрации возьмем ваш пример CSS и добавим несколько значений по умолчанию: 9="http://www.mysite.com"] {
фоновое изображение: нет; заполнение справа: 0;
} И стилизуйте с его помощью следующий HTML-код. Стили вывода суммированы в комментариях: Поскольку второй селектор имеет приоритет над первым селектором, фоновое изображение и правый отступ удаляются.
0
Это атрибуты, начинающиеся с селекторов, они выберут 9="http:"] соответствует любым привязкам с 5 Для каждой ссылки, у которой параметр "href" начинается с "http:", установите в качестве фона ключевое изображение (без повторения, расположенное в правом верхнем углу). href не является допустимым атрибутом для 
:link может ориентироваться только на элементов, стили :link могут быть определены в CSS без селектора типа элемента, например: :link {
цвет: аквамарин;
} :link несколько неуместен, так как того же эффекта можно добиться, просто ориентируясь на все элементов напрямую: a {
цвет: аквамарин;
} , для которых не установлен атрибут ), приведенный выше код также будет нацелен на эти элементы, и это может быть нежелательным результатом. :ссылка псевдокласс.
Browser support
IE Edge Firefox Chrome Safari Opera All All All All All All
Источник: caniuse2 Альманах на
14 июля 2021 г. Android Chrome Android Firefox Браузер Android iOS Safari Opera Mobile Все Все Все Все 62 
: активный
a:активный {цвет: #f8a100; } :любая ссылка
.element:любая-ссылка { цвет: красный; } : фокус
textarea: focus { фон: розовый; } :наведите
a: hover {цвет: #f8a100; } 9="para"] {фон: зеленый;} указывает, что значение атрибута просто должно начинаться с с базового URL-адреса вашего сайта, в отличие от
href , значения которых начинаются с заданной строки.
9= 
com/page.php">Страница моего сайта с базовым URL = , что означает «выбрать ссылки, которые указывают только на http://mysite.com ». Следовательно, этой ссылке соответствует второй селектор.
href , начиная с href="http:...." , например: Проверить
Тест
