We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Soporte básico1 Si133.51
FeatureAndroid webviewChrome para AndroidEdge mobileFirefox para AndroidOpera AndroidiOS SafariSamsung Internet
Soporte básico1.5 ? Si4 ?3.2 ?

Ver también

Etiquetas y colaboradores del documento

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