Melone: a:hover nur vor dem ersten Klick ?!

Hallo!

Ich habe für die Links auf meiner Seite folgendes StyleSheet definiert:

a
  {
    text-decoration: none;
  }

a:hover
  {
    text-decoration: underline;
  }

a:active
  {
    text-decoration: none;
  }

a:visited
  {
    text-decoration: none;
  }

Sie sollen also wenn man mit der Maus darüberfährt, unterstrichen werden.
Allerdings funktioniert das nur, bevor man auf den Link klickt!
Wenn er schoneinmal angeklickt wurde, wird er nicht mehr unterstrichen wenn man mit der Maus darüber fährt!
Woran liegt das!?

  1. Hallo Melone,

    Allerdings funktioniert das nur, bevor man auf den Link klickt!
    Wenn er schoneinmal angeklickt wurde, wird er nicht mehr unterstrichen wenn man mit der Maus darüber fährt!

    klar - dann wird das was du bei a:hover vorgibst von dem in a:visited überschrieben - du musst die Pseudoformate in der richtigen Reihenfolge definieren: http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

    Grüße aus Nürnberg
    Tobias

    --
    Selfcode: sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
    1. Allerdings funktioniert das nur, bevor man auf den Link klickt!
      Wenn er schoneinmal angeklickt wurde, wird er nicht mehr unterstrichen wenn man mit der Maus darüber fährt!
      klar - dann wird das was du bei a:hover vorgibst von dem in a:visited überschrieben - du musst die Pseudoformate in der richtigen Reihenfolge definieren: http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus

      Danke!
      Habe jetzt einfach nur a und a:hover definiert dann geht es.

      1. a:link { text-decoration:none; color:#000000}
        a:visited { text-decoration:none; color:#000000}
        a:active { text-decoration:none; color:#000000}
        a:hover { text-decoration:underline; color: #FF0000 }