GE.ORG: Pseudoklassen 'a:visited' & 'a:hover'

SELF-Forum

Pseudoklassen 'a:visited' & 'a:hover'

GE.ORG
– Informationen zu den Bewertungsregeln

Hi,

Folgende CSS-Anweisung:

.menue a:link, .menue a:active, .menue a:visited {
 color: #FFFFFF;
 text-decoration: none;
}
.menue a:hover {
 color: #FFFFFF;
 text-decoration: underline;
}

Und nun die generelle Frage:

Warum wird 'a:hover' immer von 'a:visited' übertrumpft? I.e., warum wird ein bereits besuchter Link (für den also 'a:visited' gilt) nie mehr wieder mit 'a:hover' formatiert (ausgenommen, der Browser kategorisiert den Link nicht mehr als 'visited')?
Kann man nun aber eine Formatierung mit 'a:hover' doch erzwingen?

Vielen Dank,

GE.ORG

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Pseudoklassen 'a:visited' & 'a:hover'

    Mick
    – Informationen zu den Bewertungsregeln

    Hallo,

    soweit ich das weiß kann man das damit "erzwingen"

    Kann man nun aber eine Formatierung mit 'a:hover' doch erzwingen?

    Gruß
    Mick

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Pseudoklassen 'a:visited' & 'a:hover'

    Der Hans
    – Informationen zu den Bewertungsregeln

    Moin!

    Folgende CSS-Anweisung:

    .menue a:link, .menue a:active, .menue a:visited {
    color: #FFFFFF;
    text-decoration: none;
    }
    .menue a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    }

    Er wird bei dir nicht von a:visited "übertrumpft", sondern von a:active!
    Der _muss_ nach a:hover stehen! Sonst kann es nicht funktionieren!

    Gruß

    Der Hans

    --

    wieder online: http://www.discofoxtanzen.de
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Pseudoklassen 'a:visited' & 'a:hover'

    YoLaTengo
    – Informationen zu den Bewertungsregeln

    hi GE.ORG,

    die Reihenfolge muss lauten, a:link, a:visited, a:hover, a:active, dann müsst es gehen.

    mfg. YLT

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  4. Pseudoklassen 'a:visited' & 'a:hover'

    Axel Richter
    – Informationen zu den Bewertungsregeln

    Hallo,

    Folgende CSS-Anweisung:

    .menue a:link, .menue a:active, .menue a:visited {
     color: #FFFFFF;
     text-decoration: none;
    }
    .menue a:hover {
     color: #FFFFFF;
     text-decoration: underline;
    }

    Und nun die generelle Frage:

    Warum wird 'a:hover' immer von 'a:visited' übertrumpft? I.e., warum wird ein bereits besuchter Link (für den also 'a:visited' gilt) nie mehr wieder mit 'a:hover' formatiert (ausgenommen, der Browser kategorisiert den Link nicht mehr als 'visited')?

    Das kann ich nicht nachvollziehen. Bei welchem Browser soll das auftreten? Wie sieht das HTML dazu aus?

    So geht's jedenfalls:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Hover</title>
    <style type="text/css">
    <!--
    .menue a:link, .menue a:active, .menue a:visited {
     color: #000;
     text-decoration: none;
    }
    .menue a:hover {
     color: #00AEAD;
     text-decoration: underline;
    }
    -->
    </style>
    </head>
    <body>
    <div class="menue">
    <a href="#">Testlink</a>
    <a href="test04.html">Testlink</a>
    <a href="#">Testlink</a>
    <a href="#">Testlink</a>
    </div>
    </body>
    </html>

    viele Grüße

    Axel

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln