Warum ist das <a> Anker immer lila?

Mein HTML:Warum ist das <a> Anker immer lila?

<!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>

Als ich diese Seite besuchen, und klicken Sie auf den Link, ist die Textfarbe wie die Standardfarbe eines besuchten Link lila. Wie kann das sein? Wie kann ich den <a> Text unter allen Umständen schwarz machen?

Dies reproduziert in Chrome und IE9; Ich habe mir noch keine Mühe gegeben, noch etwas zu testen.

Quelle

2012-08-26 tenfour

'a {color: # 000; } 'ist genug – Peter

Sie müssen diese Überschreibung nicht tun. Verwenden Sie einfach 'a {Farbe: schwarz; } '. Wenn Sie das nicht tun, wird es Sie * wirklich * in der Zukunft nerven. (Unsinn, wie 'p a' nicht eine' Farbe' anwendet.) – Ryan

Entfernen Sie a:selected aus Ihrer CSS-Definition. Das hat es für mich behoben. Nie gehört von :selected. Ist es irgendwo dokumentiert?

Quelle

2012-08-26 14:57:40 Jens

Heh das ist, was ich bekomme, um zufälligen Code im Internet zu kopieren/einzufügen. Prost. – tenfour

Vielleicht haben Sie '.selected' gesehen, das oft in Menüs verwendet wird, in denen ein" ausgewählter "Eintrag die Klasse" selected "erhält. Aber wenn du nur kopierst, war der Zufallscode falsch;) – Jens

Du hast wahrscheinlich Recht mit '.selected' vs.': selected'. Wie sensibel CSS sein kann (zB ein hinteres Komma hinter dem letzten Selektor lassen), ich bin überrascht, dass CSS-Syntaxfehler nicht eklatanter dargestellt werden. Willkommen bei Stack Overflow! – tenfour