:any-link
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Der :any-link
CSS-Pseudoklassen-Selektor repräsentiert ein Element, das als Quellanker eines Hyperlinks fungiert, unabhängig davon, ob es besucht wurde. Mit anderen Worten: Er passt zu jedem <a>
- oder <area>
-Element, das ein href
-Attribut besitzt. Somit entspricht er allen Elementen, die :link
oder :visited
entsprechen.
Probieren Sie es aus
Syntax
css
:any-link {
/* ... */
}
Beispiele
HTML
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
css
a:any-link {
border: 1px solid blue;
color: orange;
}
/* WebKit browsers */
a:-webkit-any-link {
border: 1px solid blue;
color: orange;
}
Ergebnis
Spezifikationen
Specification |
---|
Selectors Level 4 # the-any-link-pseudo |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
:any-link | ||||||||||||
:any-link privacy: selector does not match <link> elements |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Requires a vendor prefix or different name for use.
- Has more compatibility info.
The compatibility table on 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.