: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 â¨2020å¹´1æâ©.
:any-link CSS 伪类éæ©å¨è¡¨ç¤ºä½ä¸ºè¶
é¾æ¥æºéç¹çå
ç´ ï¼æ 论æ¯å¦å·²è¢«è®¿é®ãæ¢è¨ä¹ï¼å®å¹é
æ¯ä¸ªå
·æ href å±æ§ç <a> æ <area> å
ç´ ãå æ¤ï¼å®å¹é
ææå¹é
:link æ :visited çå
ç´ ã
å°è¯ä¸ä¸
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>
è¯æ³
css
:any-link {
/* ... */
}
示ä¾
HTML
html
<a href="https://example.com">å¤é¨é¾æ¥</a><br />
<a href="#">å
é¨ç®æ é¾æ¥</a><br />
<a>å ä½ç¬¦é¾æ¥ï¼ä¸ä¼ææ ·å¼ï¼</a>
CSS
css
a:any-link {
border: 1px solid blue;
color: orange;
}
/* WebKit æµè§å¨ */
a:-webkit-any-link {
border: 1px solid blue;
color: orange;
}
ç»æ
è§è
| Specification |
|---|
| Selectors Level 4 # the-any-link-pseudo |