:link

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

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.

css
/* 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

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

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

Ver también