css中a标签hover不变色的解决方法

这篇文章将为大家详细讲解有关css中a标签hover不变色的解决方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

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

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不变色的解决方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。