Michael W.: a:visited = a:link - wie?

Hallo,

a:link{
color: white; Text-decoration: None;
}
a:hover{
color: white; Text-decoration: Underline;
}
a:active{
color: red;
}
a:visited{
color: white; Text-decoration: None;
}

wenn ich nun einen link besuche dann ist der a:hover effekt weg, weil a:visited ja Text-decoration: None hat.

wie kann ich einen besuchten link zurücksetzen, so das der link nicht mehr visited ist sonder ein link.

MfG
Michael Wölk

  1. Hallo Michael

    wenn ich nun einen link besuche dann ist der a:hover effekt weg, weil a:visited ja Text-decoration: None hat.

    das verstehe ich nicht... bei mir ist da hover-Effekt immer da,
    egal ob der Link schon besucht wurde oder nicht.

    Oder verstehe ich da was falsch?

    Viele Grüße von der annA

  2. Servus Michael Wölk

    Eigentlich dürfte ich dir nicht Antwroten, weil diese Frage zwischen 10 und 100 mal im Archiv beantwortet finden wirst und dort suchen solltest.
    Da du mir aber versprichst das beim nächsten mal richtig zu machen verrate ich dir wie es geht:

    • beim style gibt es eine Hierarchie, der letzte Eintrag zählt. D.h. wenn du im CSS einen style für <td> definierst und im HTML später einen anderen wird es aus dem HTML verwendet.
      Ergo deine Reihenfolge ist falsch ->
       a:link { text-decoration:underline; color:#000084; }
       a:visited { text-decoration:underline; color:#000084;  }
       a:hover { color:#0000FF;  }
       a:active {  color:#DE0000; }

    bydey