CSS伪类样式 a:hover中的背景图片background-image问题

蓝色表示已经浏览过的页面连接,绿色表示鼠标悬停在上面的页面连接,灰色表示未访问的页面连接。下面是鼠标悬停在上面的页面连接的样式接下来是我关掉已访问过的连接“信息中心”样式... 蓝色表示已经浏览过的页面连接,绿色表示鼠标悬停在上面的页面连接,灰色表示未访问的页面连接。

下面是鼠标悬停在上面的页面连接的样式

接下来是我关掉已访问过的连接“信息中心”
样式回到“未访问的连接”,字体没加粗,颜射也是默认的灰色。

然后我再把鼠标移到“信息中心”,a:hover样式中的font-weight:bold(加粗)和background-image(背景图片)都不起作用。

能够明显看出的是字体颜色变了,也就说明伪类样式a:hover能被调用。
那么为什么字体粗细和背景图片却没起到应有的效果??
展开
 我来答
iGO2dU
2013-09-19 · TA获得超过1666个赞
知道小有建树答主
回答量:231
采纳率:0%
帮助的人:159万
展开全部
注意样式表中,链接状态、鼠标悬停状态、已访问状态 三个状态的先后顺序,顺序是:
先写“链接状态”的属性和值,次写“鼠标悬停状态”的属性和值,最后写“已访问状态”的属性和值。

.divmodules ul li a:link{}

.divmodules ul li a:hover{}

.divmodules ul li a:visited{}
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式