CSS :any-link псевдо-класс

Определение и использование

CSS :any-link Псевдо-классы используются для выбора и установки стиля элементов, являющихся точками ancor для гиперссылок.

Этот псевдо-класс действует независимо от того, был ли ссылка посещена или нет.

Таким образом, этот псевдо-класс применяется ко всем элементам с атрибутом href <a> или <area> Элементы.

Пример

Пример 1

Выберите и установите стиль для всех элементов <a> с атрибутом href:

a:any-link {
  background-color: yellow;
  color: maroon;
}

Попробуйте сами

Пример 2

Установите стиль для всех элементов <a> с атрибутом href. Кроме того, установите стиль ссылок в зависимости от состояния (наведение, активация, не посещенный и т.д.):

a:any-link {
  background-color: yellow;
  color: maroon;
}
a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Попробуйте сами

CSS грамматика

:any-link {
  css declarations;
}

Технические детали

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот псевдо-класс.

Соответствующие страницы

Учебник:CSS ссылка

Учебник:CSS кнопка

Учебник:CSS псевдо-класс