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

Селектор :any-link CSS псевдокласса обозначает элемент, выступающий в качестве исходной точки гиперссылки, независимо от того, посещалась ли она. Другими словами, он выбирает каждый элемент <a> или <area>, у которого есть атрибут href. Таким образом, он выбирает все элементы, соответствующие :link или :visited.

Попробуйте

p {
  font-weight: bold;
}

a:any-link {
  color: forestgreen;
  text-decoration-color: hotpink;
}

<p>Pages that you might have visited:</p>
<ul>
  <li>
    <a href="https://developer.mozilla.org">MDN Web Docs</a>
  </li>
  <li>
    <a href="https://www.youtube.com/YouTube">Google</a>
  </li>
</ul>
<p>Pages unlikely to be in your history:</p>
<ul>
  <li>
    <a href="https://developer.mozilla.org/missing-3">Random MDN page</a>
  </li>
  <li>
    <a href="https://example.com/missing-3">Random Example page</a>
  </li>
</ul>

Синтаксис

:any-link {
  /* ... */
}

Примеры

HTML

<a href="https://example.com">External link</a><br />
<a href="#">Internal target link</a><br />
<a>Placeholder link (won't get styled)</a>

CSS

a:any-link {
  border: 1px solid blue;
  color: orange;
}

/* WebKit browsers */
a:-webkit-any-link {
  border: 1px solid blue;
  color: orange;
}

Результат

Спецификации

Совместимость с браузерами

См. также

• Создание ссылок
• Соответствует элементам HTML: <a> и <area> с атрибутом href
• Связанные селекторы CSS:
  • :visited
  • :link