Que faire si un survol CSS ne change pas de couleur

css un survol ne change pas de couleur car l'ordre des sélecteurs est mal écrit La solution est : ouvrez d'abord le fichier css correspondant puis écrivez survol après lien et visité et avant actif.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Recommandations associées : "Tutoriel vidéo CSS"

Que dois-je faire si le survol d'une balise a en CSS ne change pas de couleur ?

La raison pour laquelle le survol de la balise a en CSS ne change pas de couleur est que l'ordre des sélecteurs est incorrect. Écrivez simplement survol après le lien et visité et avant actif. La pseudo-classe CSS

hover convient aux situations où l'utilisateur pointe un élément à l'aide d'un périphérique de pointage (sans l'activer). Ce style sera remplacé par toutes les pseudo-classes liées aux liens, telles que :link, :visited et :active.

Pour garantir l'efficacité, la règle :hover doit être placée après les règles :link et :visited, mais avant la règle :active, déclarer: link -:visited -:hover -:active dans l'ordre 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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!