2012-08-26 6 views
5

Mi HTML:¿Por qué se visita el ancla <a> siempre violeta?

<!DOCTYPE html> 
<html> 
    <head> 
     <style type="text/css"> 
      /* Make all anchors and variations plain black text color */ 
      a, 
      a:link, 
      a:hover, 
      a:focus, 
      a:active, 
      a:selected, 
      a:visited 
      { 
       color:#000000; 
      } 
     </style> 
    </head> 
    <body> 
     <a href="#">This is a visited link that is puple</a> 
    </body> 
</html> 

Cuando visito esta página y haga clic en el enlace, el color del texto es de color púrpura como el color por defecto de un enlace visitado. ¿Cómo puede ser esto? ¿Cómo puedo hacer que el texto <a> sea negro en todas las circunstancias?

Esto se reproduce en Chrome e IE9; no me he molestado en probar nada más todavía.

+1

'a {color: # 000; } 'es suficiente – Peter

+1

No es necesario que lo sobrescriba. Solo usa 'a {color: negro; } ' Si no lo haces, te molestará * realmente * en el futuro. (Tonterías, como 'p a' no aplicando un' color'.) – Ryan

Respuesta

9

Eliminar a:selected de la definición de css. Eso lo solucionó para mí. Nunca he oído hablar de :selected. Está documentado en cualquier lugar?

+0

Heh eso es lo que obtengo para copiar/pegar código aleatorio en la web. Aclamaciones. – tenfour

+0

Quizás haya visto '.selected' que se usa a menudo en los menús en los que un elemento" seleccionado "obtiene la clase" seleccionada ". Pero si solo copió, el código aleatorio era incorrecto;) – Jens

+0

Probablemente tenga razón sobre '.selected' vs.': selected'. Por lo sensible que puede ser CSS (por ejemplo, dejando una coma al final del último selector), me sorprende que los errores de sintaxis CSS no se presenten de manera más descarada. Además, bienvenido a Stack Overflow! – tenfour

5

Porque a:selected no existe. Eliminarlo!

0

Al quitar el a: seleccionado, parece solucionarlo. No estoy seguro de por qué, ya que es una opción válida en la etiqueta de anclaje.

Corrección: a: seleccionado no es válido pero a.selected es por supuesto válido. Lo siento, pero de cualquier forma eliminar un: seleccionado solucionará el problema.

Fiddler Example

Cuestiones relacionadas