:visited

La pseudo-clase :visited de CSS  representa enlaces que el usuario ya ha visitado. Por motivos de privacidad, los estilos que se pueden modificar con este selector son muy limitados.

/* Selecciona cualquier <a> que ha sido visitado */
a:visited {
  color: green;
}

Los estilos definidos por la pseudo-clase :visited serán anulados por cualquier pseudo-clase posterior relacionada con el enlace (:link, :hover o :active) que tenga al menos la misma especificidad. Para darle un estilo apropiado a los enlaces, coloque la regla :visited después de la regla :link pero antes de las reglas :hover y :active, según lo definido por el orden LVHA: :link:visited:hover:active.

Restricciones de estilo

Por motivos de privacidad, los navegadores limitan estrictamente los estilos que puede aplicar utilizando esta pseudo-clase y cómo se pueden usar:

Nota: Para obtener más información sobre estas limitaciones y las razones detrás de ellas, vea Privacidad y el selector :visited.

Sintaxis

:visited

Ejemplo

Las propiedades que de otro modo no tendrían ningún color o serían transparentes no se pueden modificar con :visited. De las propiedades que se pueden establecer con esta pseudo-clase, su navegador probablemente solo tenga un valor predeterminado para color y column-rule-color. Por lo tanto, si desea modificar las otras propiedades, deberá darles un valor base fuera del selector :visited.

HTML

<a href="#test-visited-link">¿Ya has visitado este enlace?</a><br>
<a href="">Ya has visitado este enlace.</a>

CSS

a {
  /* Especifique los valores predeterminados no transparentes a ciertas propiedades,
     lo que les permite ser diseñado con el estado :visited */
  background-color: white;
  border: 1px solid white;
}

a:visited {
  background-color: yellow;
  border-color: hotpink;
  color: hotpink;
}

Resultado

Especificaciones

Especificación Estado Comentario
HTML Living Standard
La definición de ':visited' en esta especificación.
Living Standard  
Selectors Level 4
La definición de ':visited' en esta especificación.
Working Draft Ningún cambio.
Selectors Level 3
La definición de ':visited' en esta especificación.
Recommendation Ningún cambio.
CSS Level 2 (Revision 1)
La definición de ':visited' en esta especificación.
Recommendation Levanta la restricción para aplicar  :visited solo al elemento <a>. Permite a los navegadores restringir su comportamiento por razones de privacidad.
CSS Level 1
La definición de ':visited' en esta especificación.
Recommendation Definición inicial.

Compatibilidad con navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
:visitedChrome Soporte completo 1Edge Soporte completo 12Firefox Soporte completo 1IE Soporte completo 4Opera Soporte completo 3.5Safari Soporte completo 1WebView Android Soporte completo 4.4Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android Soporte completo 10.1Safari iOS Soporte completo 1Samsung Internet Android Soporte completo 1.0
:visited no longer matches <link> elementsChrome Soporte completo 1
Notas
Soporte completo 1
Notas
Notas Chromium has never matched <link> elements with link pseudo-classes.
Edge Soporte completo 12Firefox Soporte completo 70IE Sin soporte NoOpera Soporte completo 15
Notas
Soporte completo 15
Notas
Notas Chromium has never matched <link> elements with link pseudo-classes.
Safari Soporte completo 12WebView Android Soporte completo 4.4
Notas
Soporte completo 4.4
Notas
Notas Chromium has never matched <link> elements with link pseudo-classes.
Chrome Android Soporte completo 18
Notas
Soporte completo 18
Notas
Notas Chromium has never matched <link> elements with link pseudo-classes.
Firefox Android Sin soporte NoOpera Android Soporte completo 14
Notas
Soporte completo 14
Notas
Notas Chromium has never matched <link> elements with link pseudo-classes.
Safari iOS Soporte completo 12Samsung Internet Android Soporte completo 1.0
Notas
Soporte completo 1.0
Notas
Notas Chromium has never matched <link> elements with link pseudo-classes.
Restrict CSS properties allowed in a statement using :visited for privacyChrome Soporte completo 6Edge Soporte completo 12Firefox Soporte completo 4IE Soporte completo 8Opera Soporte completo 15Safari Soporte completo 5WebView Android Soporte completo 37Chrome Android Soporte completo 18Firefox Android Soporte completo 4Opera Android ? Safari iOS Soporte completo 4.2Samsung Internet Android Soporte completo 1.0

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
Compatibilidad desconocida  
Compatibilidad desconocida
Ver notas de implementación.
Ver notas de implementación.

Ver también