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

2012-06-05

请教一个超链的css问题HTML codetd height32 alignright classIndex-topbarbackgroundimages/

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

热点排行

ASP

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