: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 enero de 2020.
Experimental: Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.
:any-link
de
CSS
representa a un elemento que actúa como el ancla origen de un hipervínculo independientemente de si ha sido visitado, es decir, coincide con cualquier elemento
<a>
,
<area>
o
<link>
con un atributo
href
. Por lo tanto, coincide con todos los elementos que coincidan con
:link
o
:visited
.
css
/* Selecciona cualquier elemento que coincida con :link o :visited */
:any-link {
color: green;
}
Sintaxis
Error: could not find syntax for this itemEjemplo
HTML
html
<a href="https://example.com">Enlace externo</a><br />
<a href="#">Enlace de destino interno</a><br />
<a>Enlace de marcador de posición (no se personalizará)</a>
CSS
css
a:any-link {
border: 1px solid blue;
color: orange;
}
/* navegadores WebKit */
a:-webkit-any-link {
border: 1px solid blue;
color: orange;
}
Resultado
Especificaciones
| Specification |
|---|
| Selectors Level 4 # the-any-link-pseudo |
Compatibilidad con navegadores
Loading…