日期:2014-05-17  浏览次数:20843 次

请教一个超链的css问题
HTML code
<td height="32" align="right" class="Index-topbar"  background="images/Index_top_bar.gif"><a href="Index.Asp">首页</a> | <a href="help/help_vip/VIP_01.htm">VIP服务</a> | <a href="#">海外男士</a> | <a href="Aqss/Gnns_Search.asp">国内女士</a> | <A HREF="#">东欧美女</A> |  <a href="help/help_aqgl/aqgl_13.htm" target="_blank">翻译服务</a> | <a href="help/help_aqgl/aqgl_14.htm" target="_blank">代理国外广告</a> | <a href="Jyhd/Index.Asp">交友活动</a>  &nbsp;&nbsp; </td>

上面这段代码凡是超链是#的均可以鼠标移动过来变一种颜色,鼠标移走又可以变回白色。问题是正常的连接总是白色,就是不变色。请教
CSS code
.Index-topbar A:link {
    FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
} 
.Index-topbar A:hover {
    FONT-SIZE: 12px; COLOR: #d2024d; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.Index-topbar A:visited {
    FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.Index-topbar {
    FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none



------解决方案--------------------
a:hover {
color: #FF0000;
}
这是所有连接都变色。
你要给超链是#的变色,需要给他们单独设置一个class类。
------解决方案--------------------
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<style> 

.Index-topbar {
    FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.Index-topbar A:link {
    FONT-SIZE: 12px; COLOR: #000; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
} 
.Index-topbar A:visited {
    FONT-SIZE: 12px; COLOR: gray; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.Index-topbar A:hover {
    FONT-SIZE: 12px; COLOR: red; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.Index-topbar A:active {
    FONT-SIZE: 12px; COLOR: yellow; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
</style>

</head>
<body>
<table>
<tr>
<td height="32" align="right" class="Index-topbar"  background="images/Index_top_bar.gif"><a href="Index.Asp">首页</a> | <a href="help/help_vip/VIP_01.htm">VIP服务</a> | <a href="#">海外男士</a> | <a href="Aqss/Gnns_Search.asp">国内女士</a> | <A HREF="#">东欧美女</A> |  <a href="help/help_aqgl/aqgl_13.htm" target="_blank">翻译服务</a> | <a href="help/help_aqgl/aqgl_14.htm" target="_blank">代理国外广告</a> | <a href="Jyhd/Index.Asp">交友活动</a>  &nbsp;&nbsp; </td>
</tr>
</table>
    
</body>
</html>