Question

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

蓝色表示已经浏览过的页面连接，绿色表示鼠标悬停在上面的页面连接，灰色表示未访问的页面连接。

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

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

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

能够明显看出的是字体颜色变了，也就说明伪类样式a:hover能被调用。
那么为什么字体粗细和背景图片却没起到应有的效果？？





Answer 1

注意样式表中，链接状态、鼠标悬停状态、已访问状态 三个状态的先后顺序，顺序是：
先写“链接状态”的属性和值，次写“鼠标悬停状态”的属性和值，最后写“已访问状态”的属性和值。

.divmodules ul li a:link{}

.divmodules ul li a:hover{}

.divmodules ul li a:visited{}