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

:link

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

Especificación Estado Comentarios
HTML Living Standard
La definición de ':link' en esta especificación.
Living Standard  
Selectors Level 4
La definición de ':link' en esta especificación.
Working Draft Ningún cambio.
Selectors Level 3
La definición de ':link' en esta especificación.
Recommendation Ningún cambio.
CSS Level 2 (Revision 1)
La definición de ':link' en esta especificación.
Recommendation Elevar la restricción para aplicarla únicamente al elemento <a>.
CSS Level 1
La definición de ':link' en esta especificación.
Recommendation Definición Inicial.

Compatibilidad con navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Soporte básicoChrome Soporte completo 1Edge Soporte completo SiFirefox Soporte completo 1IE Soporte completo 3Opera Soporte completo 3.5Safari Soporte completo 1WebView Android Soporte completo 1.5Chrome Android ? Edge Mobile Soporte completo SiFirefox Android Soporte completo 4Opera Android ? Safari iOS Soporte completo 3.2Samsung Internet Android ?

Leyenda

Soporte completo  
Soporte completo
Compatibility unknown  
Compatibility unknown

Ver también

Etiquetas y colaboradores del documento

Colaboradores en esta página: lajaso, Jhonatangiraldo
Última actualización por: lajaso,