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