Wie ändere ich die Farbe des Hyperlinks nach dem Klicken?

Question

Ich möchte die Farbe des Hyperlinks nach dem Klicken darauf ändern, aber auch die Farbe anderer Hyperlinks ändern..

CSS

a:active {
    color: gray;
}
a:visited {
    color:black;
}

HTML

    a
    b
    c

Answer 1

Die Pseudo-Klasse :visited funktioniert im Verlauf des Browsers. Die Tatsache, dass alle drei Links mit der schwarzen Farbe dargestellt werden, bedeutet, dass Ihr Browser sie in der Vergangenheit besucht hat. Wenn Sie Ihren Verlauf löschen oder die URLs der Links ändern würden, würden Sie feststellen, dass sie nicht mehr als 'besucht' gekennzeichnet sind.

Ein Link zu Stack Overflow wird wahrscheinlich in Ihrem Browser als besucht angezeigt, aber ein Link zum Voice of JIHAD zeigt wahrscheinlich eine andere Farbe an (es sei denn, Sie sind Mitglied der Taliban). Wenn Sie auf den unbesuchten Link klicken, ändert sich seine Farbe zur besuchten Farbe - wie in den Stylesheets von Stack Overflow definiert - und bleibt so lange 'besucht', wie die Seite in Ihrem Browserverlauf existiert.

Answer 2

Ok, jetzt wissen Sie, dass :visited aus dem Browserverlauf funktioniert, und ich denke, Sie möchten nur die Farbe des angeklickten Links ändern. Ich habe etwas jQuery zusammengestellt

$('a').click(function(){
      $(this).addClass("visited");
});

und das CSS

a{
color:#000;
text-decoration:none;
}

a.visited{
color:#205081;
}

Aktualisierung:

  ....
  ....
  // jQuery importieren

  geben Sie hier das Skript ein..

hier ist das fiddle