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

:any-link

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> or <area> 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
Selectors Level 4 # the-any-link-pseudo

See also

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

Last modified: Jan 3, 2022, by MDN contributors

Select your preferred language English (US)EspañolFrançais日本語Русский中文 (简体) Change language