Was tun, wenn CSS beim Hovern die Farbe nicht ändert?

css ändert die Farbe eines Hovers nicht, da die Reihenfolge der Selektoren falsch geschrieben ist. Die Lösung ist: Öffnen Sie zuerst die entsprechende CSS-Datei und schreiben Sie dann den Hover nach dem Link und vor dem aktiven.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Verwandte Empfehlungen: „CSS-Video-Tutorial“

Was soll ich tun, wenn sich die Farbe des Hovers eines Tags in CSS nicht ändert?

Der Grund, warum sich die Farbe des Hover-Tags in CSS nicht ändert, liegt darin, dass die Reihenfolge der Selektoren falsch geschrieben ist. Schreiben Sie einfach Hover nach Link und Visited und vor Active. Die CSS-Pseudoklasse

hover eignet sich für Situationen, in denen der Benutzer das Zeigegerät verwendet, um auf ein Element zu zeigen (ohne es zu aktivieren). Dieser Stil wird von allen linkbezogenen Pseudoklassen wie :link, :visited und :active überschrieben.

Um die Wirksamkeit sicherzustellen, muss die :hover-Regel nach den :link- und :visited-Regeln platziert werden, aber vor der :active-Regel deklarieren Sie: link -:visited -:hover -:active in der Reihenfolge von LVHA.

<style>
    a:link{
        color: red;
    }
    a:visited{
        color: pink;
    }
    a:hover{
        color: blue;
    }
    a:active{
        color: skyblue;
    }
</style>
<a href="#">http://www.php.cn</a>

Das obige ist der detaillierte Inhalt vonWas tun, wenn CSS beim Hovern die Farbe nicht ändert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!