Question

为什么这样a：hover会不起作用

#zt #dh #shop {background:#60ADB4;}
#zt #dh a:hover {background: #3CF;}
这样我放在上面也不会出现超链接背景色为#3CF

Answer 1

你好，#shop和a是不是同一个元素啊？

如果是：

那应该：

#shop:hover

权重问题啊。#是0100，但是tag是0001，:hover是0010,后面两个加起来也没有#多啊。

希望我的回答能帮到你~~

Answer 2

a :link、a:hover、a:visited这几个元素，定义CSS时候的顺序不同，也会直接导致链接显示的效果不同，原因就在于浏览器解释CSS时遵循的“就近原则

Answer 3

解决办法：
#mainBody a,#mainBody a:visited{
color:#000;
text-decoration:none;
font-size:12px;
}
#mainBody a:hover,#mainBody a:active{
color:#b22739;
}

Answer 4

a:hover 的背景是不是被别的样式覆盖了？
#shop是a的id吗？