Maison  >  Article  >  interface Web  >  Que faire si un survol CSS ne change pas de couleur

Que faire si un survol CSS ne change pas de couleur

藏色散人
藏色散人original
2021-01-05 10:15:063991parcourir

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.

Que faire si un survol CSS ne change pas de couleur

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn