Estoy trabajando en una idea en la que mi enlace a: tiene un estado (azul, sin subrayado, etc.) con un: hover siendo blanco. Quiero que mis enlaces visitados tengan el mismo estado que a:link y a:hover. es posible? compatible con los navegadores más comunes?estableciendo un enlace visitado al mismo estado que un enlace y un: hover
Así es cómo se pueden aplicar estilo a las etiquetas a (normales y visitadas) y estilo al desplazarse por separado.
a
{
color:#6c7492;
font-weight:bold;
text-decoration:none;
}
a:hover
{
border-bottom:1px solid #6c7492;
}
Si ha usado esas pseudo clases, no veo por qué no.
a:visited, a:hover {
...
}
a, a:link, a:hover, a:visited, a:active {text-decoration: none; color: blue;}
debería funcionar en todos los navegadores CSS habilitados, aunque este es un bad idea (actualmente fuera de línea, Google Cache)
Para hacer a:hover blanco, bien lo eliminará de la regla anterior y crea un especial para descartar o añadir simplemente:
a:hover {color: white !important;}
es completamente posible que sblundy señala. Sin embargo, si realiza una regla como esa, ya no habrá ninguna indicación visual de que el usuario está pasando el ratón sobre un enlace que se visitó previamente.
También, recuerde especificar las reglas en este orden:
a:link { }
a:visited { }
a:hover { }
a:active { }
de lo contrario puede tener resultados inesperados porque todas estas reglas tienen la misma especificidad. El orden es importante.
EDITAR: CSS2 permite encadenar pseudo-clases. Esto podría usarse para solucionar el problema de usabilidad [potencial] que crea su solicitud.
a:visited:hover { }
Sin embargo, no sé si esta convención es ampliamente compatible.
El mnemónico que me enseñaron para recordar en qué orden colocar sus enlaces CSS es "LOVe HAte": enlace, visitado, hover, activo.
Adherirse: centrarse en no suele ser una mala idea, también.
Por supuesto, si está haciendo que todos los estados de un enlace tengan el mismo aspecto al enumerar los selectores con comas, entonces el orden no importa.