Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
: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 Januar 2020.
Der:any-linkCSSPseudoklassen Selektor repräsentiert ein Element, das als Quellanker eines Hyperlinks fungiert, unabhängig davon, ob es besucht wurde. Mit anderen Worten, es entspricht jedem<a> oder<area> Element, das einhref Attribut hat. Somit entspricht es allen Elementen, die:link oder:visited entsprechen.
Probieren Sie es aus
p { font-weight: bold;}a:any-link { color: forestgreen; text-decoration-color: hotpink;}<p>Pages that you might have visited:</p><ul> <li> <a href="https://developer.mozilla.org">MDN Web Docs</a> </li> <li> <a href="https://www.youtube.com/YouTube">Google</a> </li></ul><p>Pages unlikely to be in your history:</p><ul> <li> <a href="https://developer.mozilla.org/missing-3">Random MDN page</a> </li> <li> <a href="https://example.com/missing-3">Random Example page</a> </li></ul>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 |