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 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.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
:any-link | Chrome
Full support
65
| Edge
Full support
79
| Firefox
Full support
50
| IE No support No | Opera
Full support
52
| Safari
Full support
9
| WebView Android
Full support
65
| Chrome Android
Full support
65
| Firefox Android
Full support
50
| Opera Android
Full support
47
| Safari iOS
Full support
9
| Samsung Internet Android
Full support
9.0
|
Legend
- Full support
- Full support
- No support
- No support
- Requires a vendor prefix or different name for use.
- Requires a vendor prefix or different name for use.
