css a hover不变色是因为选择器的顺序写错了，其解决办法：首先打开相应的css文件；然后将hover写在link和visited之后以及active之前即可。

本教程操作环境：windows7系统、HTML5&&CSS3版本，Dell G3电脑。

相关推荐：《css视频教程》

css中a标签hover不变色怎么办？

css中a标签hover不变色是因为选择器的顺序写错了，将hover写在link和visited之后、active之前即可。

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

立即学习“前端免费学习笔记（深入）”；

hover CSS伪类适用于用户使用指示设备虚指一个元素（没有激活它）的情况。这个样式会被任何与链接相关的伪类重写，像:link, :visited, 和 :active 等。

为了确保生效，:hover 规则需要放在:link 和:visited 规则之后，但是在:active 规则之前，按照 LVHA 的循顺序声明:link －:visited －:hover －:active。

<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>