A链接点击后a:hover的CSS样式不起作用的问题原因与解决办法

最新推荐文章于 2023-04-20 10:51:14 发布

最新推荐文章于 2023-04-20 10:51:14 发布 · 1.4k 阅读

文章标签：

#A链接点击后a:hover的CSS样式不起作用 #a:hover的CSS样式不起作用 #访问后a:hover的CSS样式不起作用 #蕃薯耀 #蕃薯

蕃薯耀分享同时被 3 个专栏收录

205 篇文章

订阅专栏

html

38 篇文章

订阅专栏

css

23 篇文章

订阅专栏

本文深入探讨了在CSS中遇到的常见问题之一：a:hover样式为何不起作用。通过遵循LoVeHAte原则（即a:link, a:visited, a:hover, a:active的顺序定义），可以有效解决此类问题，并避免后续样式覆盖导致的样式丢失。

A链接访问后a:hover的CSS样式不起作用的问题原因与解决办法
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2014年7月24日 16:55:32 星期四

爱恨原则（LoVe HAte）

a:link{
    font-size:12px;
    color:#000;
    text-decoration:none;
    }

a:visited{
    font-size:12px;
    color:#000;
    }

a:hover{
    color:red;
    text-decoration:underline;
    }

a:active{
    color:red;
    }

正常情况下，出现这种问题是由于没有按照LoVe HAte原则，即按以下顺序定义伪类
a:link
a:visited
a:hover
a:active

如果还有问题，可能被后面加载的样式覆盖，请仔细检查。

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2014年7月24日 16:55:32 星期四