: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 г..
ÐкÑпеÑименÑалÑÐ½Ð°Ñ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½Ð¾ÑÑÑ: ÐÑо ÑкÑпеÑименÑалÑÐ½Ð°Ñ ÑеÑ
нологиÑ
Так как ÑпеÑиÑикаÑÐ¸Ñ ÑÑой ÑеÑ
нологии еÑÑ Ð½Ðµ ÑÑабилизиÑовалаÑÑ, ÑмоÑÑиÑе ÑаблиÑÑ ÑовмеÑÑимоÑÑи по Ð¿Ð¾Ð²Ð¾Ð´Ñ Ð¸ÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð² ÑазлиÑнÑÑ
бÑаÑзеÑаÑ
. Также замеÑÑÑе, ÑÑо ÑинÑакÑÐ¸Ñ Ð¸ поведение ÑкÑпеÑименÑалÑной ÑеÑ
нологии Ð¼Ð¾Ð¶ÐµÑ Ð¸Ð·Ð¼ÐµÐ½Ð¸ÑÑÑÑ Ð² бÑдÑÑиÑ
веÑÑиÑÑ
бÑаÑзеÑов, вÑлед за изменениÑми ÑпеÑиÑикаÑии.
СелекÑÐ¾Ñ Ð¿ÑевдоклаÑÑа CSS :any-link пÑедÑÑавлÑÐµÑ Ñобой ÑлеменÑ, коÑоÑÑй дейÑÑвÑÐµÑ ÐºÐ°Ðº иÑÑ
однÑй ÑкоÑÑ Ð³Ð¸Ð¿ÐµÑÑÑÑлки, незавиÑимо Ð¾Ñ Ñого, бÑла ли она поÑеÑена. ÐÑÑгими Ñловами, он ÑооÑвеÑÑÑвÑÐµÑ Ð²Ñем ÑлеменÑам <a>, <area>, или <link>, коÑоÑÑе имеÑÑ Ð°ÑÑибÑÑ href. Таким обÑазом, он ÑооÑвеÑÑÑвÑÐµÑ Ð²Ñем ÑлеменÑам, коÑоÑÑе иÑполÑзÑÑÑ :link или :visited.
/* ÐÑбиÑÐ°ÐµÑ Ð»Ñбой ÑлеменÑ, коÑоÑÑй бÑÐ´ÐµÑ ÑооÑвеÑÑÑвоваÑÑ:link или :visited */
:any-link {
color: green;
}
СинÑакÑиÑ
Error: could not find syntax for this itemÐÑимеÑ
HTML
<a href="/proxy/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;
}
РезÑлÑÑаÑ
СпеÑиÑикаÑии
| Specification |
|---|
| Selectors Level 4 # the-any-link-pseudo |