Benötigen Sie CSS-Textfarbe für a: Hover, um Vorrang vor einem zu haben: besuchte

Question

Ich habe einige CSS-Code, der eine Hintergrundfarbe auf Hover zeigt. Der Text ist auf einem blauen Hintergrund weiß.

Andernfalls, wenn es keinen Hover gibt, ist der Text blau mit einem weißen Hintergrund. Wenn der Link jedoch besucht wurde, bleibt der Text beim Schweben blau mit einem blauen Hintergrund.

Wie kann ich erzwingen, dass die Hover-Textfarbe Vorrang hat?

a:link{ 
    color:#3399cc; 
} 

a:hover{ 
    background-color:#3399cc; 
    color:#ffffff; 
} 
a:visited{ 
    color:#3399cc; 
} 
a:active{ 
    color:#3399cc; 
} 

Answer 1

Ich denke, unter Angabe der Stildaten für :hovernach die Style-Daten für :visited genügt, um den Trick zu tun:

a:visited{ 
    color:#3399cc; 
} 
a:hover{ 
    background-color:#3399cc; 
    color:#ffffff; 
} 

Answer 2

wenn mich nicht alles täuscht, alles, was Sie tun müssen, ist die Reihenfolge wechseln, legen Sie die: Hover-Klasse nach dem: visted-Klasse im Stylesheet

Answer 3

Eine Methode, die !important Schlüsselwort zu verwenden wäre:

a:visited 
{ 
    color:#3399cc; 
} 
a:hover 
{ 
    background-color: #3399cc; 
    color: #ffffff !important; 
} 

Das wird sicherstellen, dass die :hover Vorrang hat.

Es könnte auch funktionieren, um Ihre a:visited hover, was ein <hover> Element bedeutet (existiert nicht!), Mit a:visited:hover.

Wie bereits erwähnt, sollte die Änderung der Reihenfolge der Stile eine ausreichende Korrektur sein: spätere Definitionen haben Vorrang vor früheren.

Answer 4

Siehe Eric Meyers Artikel zum Thema: Ordering The Link States

Es wird vorgeschlagen, dass Sie die „Link-visited-Hover-aktiv“ verwenden LVHA-Regel, in der Reihenfolge der pseudo- Bezug Klassen unter den CSS-Regeln. Die Kommentare bringen einige leicht erkennbare Akronymen auf der Bestellung (Hinzufügen :focus in die Packung):

• L ord V Aders F Ormer H andle, A nakin
• L ord V ader F roze H ans A ss

Answer 5

Lovehate = Link besuchte, schweben, aktiv