Question

【求助】CSS hover样式没生效

我需要鼠标移动过去的时候改变图标样式，我写的代码如下：
html：

css：

为什么鼠标放上去hover不能生效呢？

满意加分。





Answer 1

你要给 a 加 伪类属性。
试着将你的 .homePage:hover{ }
改成： .homePage a:hover{ }

追问

没用，刚试了下

追答

你把代码贴上来 我看看，你那个截图看不清

追问

字数超了，重新截了个图。

追答

给 #nav-mnu ul li a{ } 加宽高
还有，你确定你的图片路径是对的 还有 后面 位置 负数也是对的。
我估计是你 background 后面负数的问题， 因为 你的li的宽度 只有 40px ,但是你 background后的 负数值 是 -41px ， 这样 加的图 都跑在 li 外面去了 所以 看不到效果。你先将值 该成 1 试试

追问

1. 图片是那种好多集合在一张里的，-41px是用来定位鼠标放上去更换图标偏移的起始位置的，负数是代表移动方向，每个图标的长宽是28*37，可以放下的，我试过了这个没问题。

2. a加宽度也一样的没反应。

3. 是不是权重啥的问题啊？这方便我不是很明白。

我改过了，已经好了，原因是其他的div把这个图标导航栏给遮盖了，修改范围就可以了