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

Que faire si un survol CSS ne change pas de couleur

藏色散人
Libérer: 2023-01-04 09:38:36
original
4041 Les gens l'ont consulté

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="#">//m.sbmmt.com</a>
Copier après la connexion

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal