CSS: selector visitado

Los datos expuestos en este blog, son solo de índole informativo. Por favor realiza siempre una copia de seguridad antes de realizar cualquier cambio en tu proyecto.

CSS: selector visitado

Este tutorial de CSS explica cómo usar los selectores de CSS llamados : visitó Con sintaxis y ejemplos.

describir

El selector CSS :visited le permite orientar los enlaces visitados.

sintaxis

La sintaxis para el selector :active CSS es:

a:visited { style_properties }

parámetro o parámetro

style_properties Solo se pueden aplicar estilos CSS relacionados con el color a los enlaces visitados.

notas

  • El selector :visited es una pseudoclase que le permite orientar los enlaces visitados.
  • Por razones de privacidad, solo se pueden aplicar algunos estilos de color utilizando el selector :visited, como color de fondo, color, color de borde, color de contorno.
  • Consulte también los selectores :link y :hover.

Compatibilidad del navegador

El selector CSS :visited tiene soporte básico para los siguientes navegadores:

  • Aleación de cromo
  • Firefox (Geco)
  • Navegador de Internet (IE)
  • ópera
  • Safari (WebKit)

ejemplo

Discutiremos el :selector visitado a continuación, explorando cómo usar este selector en CSS para aplicar estilos a los visitados Ejemplo de marcado.

con Etiqueta

Veamos un ejemplo de CSS :visited donde aplicamos el selector :visited a Marcos.

CSS se ve así:

a:visited { background: yellow; }

HTML se ve así:

<div>
  <p>Here is a great site: <a href="https://www.checkyourmath.com/index.php">CheckYourMath.com</a></p>
</div>

Cuándo Cuando no se accede a la etiqueta, se ve así:

Entonces, una vez que visite etiqueta, el selector :visited establecerá El estilo del marcador, de la siguiente manera:

En este ejemplo visitado, el enlace “CheckYourMath.com” solo tiene un fondo amarillo cuando se visita.