0

我正在尝试使用 css 创建悬停链接，但它不起作用。这是创建css悬停链接的正确方法吗？谢谢，

我读过这个但没有运气：http ://w3schools.com/css/css_link.asp

这是我的代码：

CSS

.Footerbullets{
padding:3px 0 3px 25px;
background-image:url(../images/menubar/footer_bullet.jpg);
background-repeat:no-repeat;
}
.Footerbullets a.link {
color:#FFF;
}
.Footerbullets a.hover {
 color:#FF0;
}

HTML

<div id="footer"><div class="content">
       <ul>
          <li class="Footerbullets"><a href="#">Link with Hover Color Change</a></li>
       </ul>
   <div class="clear"></div>
</div></div>
4

3 回答 3

1

使用div#footer ul li.Footerbullets a:hover而不是.Footerbullets a:hover，似乎div#footer ul li a:hover覆盖了其他样式。

http://jsfiddle.net/GFec3/14/

于 2012-08-24T04:33:17.460 回答
0

试试这个

.Footerbullets a:hover {
 color:#FF0 !important;
}

我的代码

<style>
.Footerbullets{
padding:3px 0 3px 25px;
background-image:url(../images/menubar/footer_bullet.jpg);
background-repeat:no-repeat;
}
.Footerbullets a.link {
color:#FFF;
}
.Footerbullets a:hover {
 color:#FF0;
}
</style>

HTML

<div id="footer"><div class="content">
       <ul>
          <li class="Footerbullets"><a href="#">Link with Hover Color Change</a></li>
       </ul>
   <div class="clear"></div>
</div></div>
于 2012-08-24T04:14:39.917 回答
0

我为每个锚伪类制作了一个带有工作示例的 jsfiddle。我对其进行了测试，它至少可以在最新版本的 Safari 中运行。你可以在这里找到它：

http://jsfiddle.net/kylewlacy/DqePq/

您也可以在这里阅读每个伪类以及它们的作用

于 2012-08-24T04:30:14.573 回答