请问一个超链的css有关问题
日期：2014-05-17 浏览次数：21100 次
请教一个超链的css问题
上面这段代码凡是超链是#的均可以鼠标移动过来变一种颜色，鼠标移走又可以变回白色。问题是正常的连接总是白色，就是不变色。请教
------解决方案--------------------
a:hover {
color: #FF0000;
}
这是所有连接都变色。
你要给超链是#的变色，需要给他们单独设置一个class类。
------解决方案--------------------
- 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> </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> </td>
</tr>
</table>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
