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

最新推荐文章于 2022-06-10 11:29:03 发布

蕃薯耀

最新推荐文章于 2022-06-10 11:29:03 发布

阅读量747

点赞数

分类专栏： css html 蕃薯耀分享文章标签： A链接点击后a:hover的CSS样式不起作用 a:hover的CSS样式不起作用访问后a:hover的CSS样式不起作用蕃薯耀蕃薯

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

409 篇文章 1 订阅

订阅专栏

html

41 篇文章 0 订阅

订阅专栏

css

24 篇文章 0 订阅

订阅专栏

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 星期四