This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
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
Example
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 4 The 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.
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | Yes -webkit- | No | Yes -moz- 50 | No | Yes -webkit- | Yes -webkit- |