:link
La pseudo-clase :link
CSS representa un elemento que aún no se ha visitado. Coincide con cada elemento no visitado <a>
, <area>
, o <link>
que tiene un atributo href
.
/* Selecciona cualquier <a> que aún no se haya visitado */
a:link {
color: red;
}
Los estilos definidos por la pseudo-clase :link
serán anulados por cualquier pseudo-clase posterior relacionada con el enlace (:active
, :hover
, o :visited
) que tenga al menos la misma especificidad. Para darle un estilo apropiado a los enlaces, coloque la regla :link
antes de todas las demás reglas relacionadas con el enlace, tal como lo define el orden LVHA: :link
— :visited
— :hover
— :active
.
Nota:
Use :any-link
para seleccionar un elemento independientemente de si ha sido visitado o no.
Sintaxis
Error: could not find syntax for this item
Ejemplos
Por defecto, la mayoría de los navegadores aplican un valor especial color
a los enlaces visitados. Por lo tanto, los enlaces de este ejemplo probablemente tendrán colores de fuente especiales solo antes de visitarlos. (Después de eso, deberá borrar el historial de su navegador para volver a verlos). Sin embargo, es probable que los valores de background-color
permanezcan, ya que la mayoría de los navegadores no establecen esa propiedad en los enlaces visitados de forma predeterminada.
HTML
<a href="#ordinary-target">Este es un enlace ordinario.</a><br />
<a href="">Ya has visitado este enlace.</a><br />
<a>Enlace de marcador de posición (no se personalizará)</a>
CSS
a:link {
background-color: gold;
color: green;
}
Resultado
Especificaciones
Specification |
---|
HTML Standard # selector-link |
Selectors Level 4 # link |
Compatibilidad con navegadores
BCD tables only load in the browser