链接css下划线

Question

我的css文件中的页脚有以下样式：

#footer { 
    text-align: center;
    font-size: .7em;
    color:#000000;
}

这是页脚部分的html：

<div id="footer">
   <br> //google ad
   <br>
   <br>
   <A HREF="http://www.site1.com">Blog</A>&nbsp;&nbsp;&nbsp;<A     
   HREF="http://site1/rss.xml">RSS</A>&nbsp;&nbsp;&nbsp;<A 
   HREF="http://www.mexautos.com">Autos Usados</A>&nbsp;&nbsp;&nbsp;<A 
   HREF="http://www.site2">Videos Chistosos</A>&nbsp;&nbsp;&nbsp;<A 
   HREF="http:/s.blogspot.com">Fotos de Chavas</A><br>
   Derechos Reservados &copy; 2008-<?=date('Y')?> address<br>
</div>

但由于某些原因，某些链接显示为带下划线。

我有什么想法可以使链接没有下划线？

THX

Answer 1

你可以尝试

#footer a { text-decoration: none }

这意味着所有＆lt; a＆gt;带有id footer的元素中的标签没有下划线。

Answer 2

尝试：

#footer a{ 
   text-decoration: none;
}

Answer 3

应用以下样式：

a, a:link, a:visited, a:hover
{
    text-decoration: none;
}

我故意让您完全了解<a>标记可以拥有的所有状态，但您也可以使用以下内容：

a
{
    text-decoration: none;
}

最后，如果您只想将此应用于页脚：

#footer a, #footer a:link, #footer a:visited, #footer a:hover
{
    text-decoration: none;
}

Answer 4

不是您问题的直接答案，但我强烈建议您在Firefox中安装Firebug，因为它可以让您查看应用了哪些类以及它的顺序 - 基本上可以帮助您调试CSS。

Answer 5

将以下行添加到样式表中：

a {text-decoration:none;}