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

怎么去掉这该死的下划线?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
.catname{background: url(../images/bg_title.gif) no-repeat -14px 0; color:#fff; padding:5px; margin:0 10px 0 0; font:bold 13px/22px SimSun;}
#hotcity{font-size:14px;margin:1px 0 0 0;}
#hotcity a{margin:0 5px; text-decoration:underline;}
#hotcity a span{text-decoration:none; font-size:x-small;}
-->
</style>
</head>

<body><div id="hotcity"><span class="catname">热门城市</span><a href="#">伦敦</a><a href="#">曼彻斯特</a><a href="#">伯明翰</a><a href="#">利兹</a><a href="#">诺丁汉</a><a href="#">卡迪夫</a><a href="#">考文垂</a><a href="#">爱丁堡</a><a href="#">斯旺西</a><a href="#">莱斯特</a><a href="#">纽卡斯尔</a><a href="#">谢菲尔德</a><a href="#">牛津</a><a href="#">剑桥</a><a href="#">南安普顿</a><a href="#">利物浦</a><a href="#">拉夫堡</a>
<a href="#">全部<span> ▼</span></a></div>
</body>
</html>


去掉▼的下划线, 现在IE8和FF3都有下划线
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>
<style type="text/css">

.catname{background: url(../images/bg_title.gif) no-repeat -14px 0; color:#fff; padding:5px; margin:0 10px 0 0; font:bold 

13px/22px SimSun;}
#hotcity{font-size:14px;margin:1px 0 0 0;}
#hotcity a {text-decoration:underline; font-size:x-small;}
#hotcity>span a {margin:0 5px; text-decoration:none;}


</style>
</head>

<body><div id="hotcity"><span class="catname">热门城市</span><a href="#">伦敦</a><a href="#">曼彻斯特</a><a href="#">伯明翰

</a><a href="#">利兹</a><a href="#">诺丁汉</a><a href="#">卡迪夫</a><a href="#">考文垂</a><a href="#">爱丁堡</a><a href="#">

斯旺西</a><a href="#">莱斯特</a><a href="#">纽卡斯尔</a><a href="#">谢菲尔德</a><a href="#">牛津</a><a href="#">剑桥</a><a 

href="#">南安普顿</a><a href="#">利物浦</a><a href="#">拉夫堡</a>
<a href="#">全部<span><a> ▼</a></span></a></div>
</body>
</html>
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/