: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.
/* 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
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