链接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>

但是不知道为什么，有些链接会显示下划线。

您有什么想法，我怎样才能使链接不出现下划线呢？

谢谢。

- jcslzr

---

你用大写标签让我眼睛受伤了 :( - daniels

Answer 1

你可以尝试一下

#footer a { text-decoration: none }

这意味着位于 id 为 footer 的元素内的所有 <a> 标签都不会有下划线。

- nonopolarity

---

啊，该死，你比我快^^ - Kevin Dungs

我可能有些过于“吹毛求疵”了 - 但并不是所有的a标签...具有更高特异性的东西可能会覆盖你上面所写的内容。我以前遇到过这样的问题，但从未弄清楚为什么它不起作用。只是提供一下信息。 - GreenieMeanie

为了具有最高的特异性，我们需要 <a style="text-decoration: none">点击这里</a>，但通常情况下除非我们真的需要，否则不建议这样做。 - nonopolarity

Answer 2

尝试：

#footer a{ 
   text-decoration: none;
}

- Kevin Dungs

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;
}

- Soviut

Answer 4

虽然这不是你问题的直接答案，但我强烈推荐在Firefox中安装Firebug插件，因为它可以让你看到应用了哪些类和它们的顺序 - 实质上帮助你调试CSS。

- flytzen

Answer 5

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

a {text-decoration:none;}

- Robert Harvey