Web/CSS/ any-link

From Get docs


The :any-link CSS pseudo-class selector represents an element that acts as the source anchor of a hyperlink, independent of whether it has been visited. In other words, it matches every <a>, <area>, or <link> element that has an href attribute. Thus, it matches all elements that match :link or :visited.

/* Selects any element that would be matched by :link or :visited */
:any-link {
  color: green;
}

Syntax

:any-link

Examples

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;
}

Result

Specifications

Specification Status Comment
Selectors Level 4The definition of ':any-link' in that specification. Working Draft Initial definition.

Browser compatibility

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

See also

  • Creating hyperlinks
  • Matches HTML elements: <a>, <area>, and <link> with an href attribute
  • Related CSS selectors:
    • :visited
    • :link