¿Por qué este estilo de css visitado no funciona?

¿Hay alguna razón por la cual esto no funciona en Internet Explorer o Chrome?

   A {font-weight: bold; color:black;} A:visited {font-weight: normal; color: black; } .Empty {font-weight: bold; color: black; }    click me   

El enlace en el que hago clic nunca va a la normalidad y solo se mantiene en negrita. En algunos otros navegadores funciona.

Editar : el cambio de mayúsculas y minúsculas no lo afectó.

Editar : cambiar a a: el enlace no lo afectó.

Editar : el cambio de color funciona, pero no el peso de la fuente.

Editar : la solución fue cambiar la accesibilidad para ignorar los colores de la web. No tengo acceso a la fuente, así que tuve que hacerlo de esta manera.

En realidad, esto no tiene nada que ver con la distinción entre mayúsculas y minúsculas. Esta es una característica de seguridad. La funcionalidad de :visited pseudoclass :visited ha sido restringida en muchos navegadores modernos (Fx4, IE9, Chrome) para evitar el uso de CSS: lee aquí .

Actualmente, getComputedStyle() en estos navegadores generalmente devuelve los valores de los enlaces visitados como si no se hubieran visitado. Sin embargo, simplemente puedo imaginar eludir eso: al usar el font-weight para los enlaces visitados, el ancho del elemento cambia para que los navegadores que permiten cambiar el font-weight para los enlaces :visited no arreglen el agujero de seguridad.

Por lo tanto, no hay solución para este problema.

CSS no distingue entre mayúsculas y minúsculas, pero si el archivo HTML que utiliza este estilo tiene una statement XML y un doctype XHTML, ese CSS no funcionará, porque las tags distinguen entre mayúsculas y minúsculas. Deberá establecer las tags “a” en minúsculas.

Explicado aquí: http://reference.sitepoint.com/css/casesensitivity

Tal vez intente cambiar el atributo de color y ver si eso tiene algún efecto.

Para solucionar problemas, es posible que desee intentar utilizar las herramientas de desarrollador en Chrome para ver qué estilo se aplica.

Necesita tener declaraciones separadas para un: enlace, a: visitado, a: activo, etc.

Elimine su primer estilo que no contenga dos puntos. Es primordial. Reemplace con un: enlace.

Solucioné este problema para mi sitio web guardando los enlaces en una cookie o sesión y luego agregué manualmente una clase visitada a mi script de navegación php. Simplemente haz una matriz de uri como esta:

 //Script that loads on every page to save visited pages $_COOKIE['uris'] = array ('uri/page1', 'uri/page2', 'uri/page3'); //The below script must reside on every navigation script $uris = $_COOKIE['uris']; if(in_array($link['uri'], $uris) { echo ''.$link['name'].''; } else { echo ''.$link['name'].''; } 

El problema tiene que ver con el rastreo de historial, el cambio de las propiedades de CSS está deshabilitado para los enlaces visitados debido a problemas de privacidad.

Se me ocurrió la siguiente solución para alcanzar el efecto deseado. Es posible cambiar el color de fondo del enlace visitado.

La solución es muy simple:

  1. establece una imagen de fondo en el enlace con la misma altura que tu enlace y ancho de 1px y repite la imagen horizontalmente
  2. la imagen tiene el mismo color que el fondo del enlace
  3. hacer transparente un píxel de esa imagen, en el medio vertical
  4. on: estado visitado solo cambia el color de fondo de ese enlace al texto-color del enlace
  5. Solo se verá una línea del color de fondo, porque la imagen de fondo lo enmascara

Aquí hay un ejemplo:

 a:link { color:#000; background:#FFF url('../img/linethrough.png') repeat-x top left; } a:visited { background-color:#000; color:#000; }