css a hover 不变色怎么办

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

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

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

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

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

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>

以上就是css a hover 不变色怎么办的详细内容，更多请关注php中文网其它相关文章！