直接用a:hover为什么没效果

】

如图显示的是红框下一行的颜色截图这里是因为把a:hover中定义的颜色剪切到下面来了所以不要纠结截图的代码。情况是我删掉.nav li a:hover 后在a:hover中定义背景颜色也没有效果？

感谢回答。

LIFE_1st

2016-03-07

源自：导航条菜单的制作 1-3

关注问题我要回答

3854

操作

收起

2 回答

世界的我回答被采纳 +3 积分
2016-03-21

因为前面还有一个

.nav li a{
    display:inline-block;
    text-indent:10px;
    height:30px; line-height:30px; width:100px; background-color:#efefef; margin-bottom:1px;}

这里把整个a标签的背景设为一个颜色了，此时这个样式的权值比a:hover高，导致其失效。