请问一个超链的css有关问题-ASP教程-爱易网页

请问一个超链的css有关问题

日期：2014-05-17　浏览次数：20958 次

请教一个超链的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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

请问一个超链的css有关问题

相关资料更多>

推荐阅读更多>