pseudoclase :visited de CSS

Definición y uso

CSS :visited Las pseudoclases se utilizan para establecer los estilos de los enlaces visitados.

Consejo:Usar :link Establezca el estilo del enlace para la página no visitada, usando :hover Establezca el estilo del enlace al pasar el ratón por encima, usando :active Establezca el estilo del enlace al hacer clic.

Nota:Para configurar correctamente los estilos de los enlaces, por favor coloque :visited las reglas se colocan :link después de la regla, pero antes de :hover y :active antes de la regla.

Estilos permitidos incluyen:

• color
• color de fondo
• border-color (y el border-color de cada lado)
• color del contorno
• column-rule-color
• text-decoration-color
• text-emphasis-color
• Atributos SVG fill y stroke

Ejemplo

Ejemplo 1

Elija y establezca los estilos de los enlaces visitados:

a:visited {
  color: pink;
}

Intente hacerlo usted mismo

Ejemplo 2

Elija y establezca los estilos de los enlaces no visitados, visitados, en estado de suspensión y activos:

/* Enlace no visitado */
a:link {
  color: green;
}
/* Enlace visitado */
a:visited {
  color: green;
}
/* Enlace con el ratón sobre él */
a:hover {
  color: red;
}
/* Enlace activo */
a:active {
  color: yellow;
}

Intente hacerlo usted mismo

Ejemplo 3

Establezca diferentes estilos para los enlaces:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

Intente hacerlo usted mismo

Sintaxis CSS

:visited {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admite completamente la pseudoclase.

páginas relacionadas

Tutoriales:enlaces CSS

Tutoriales:pseudoclases CSS