链接css下划线答案

【问题标题】：Links css underline链接css下划线
【发布时间】：2010-10-28 14:23:43
【问题描述】：

我的 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>

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

有什么办法可以使链接不带下划线吗？

谢谢

【问题讨论】：

你用大写标签伤害了我的眼睛:(

标签： html css hyperlink underline

【解决方案1】：

你可以试试

#footer a { text-decoration: none }

这意味着元素中所有带有id footer的标签都没有下划线。

【讨论】：

该死的，你的速度更快^^
我可能会不必要地“挑剔” - 但不一定是所有标签......具有更高特异性的东西可能会覆盖你上面的内容。我以前遇到过这个问题，并且永远无法弄清楚为什么它不起作用。仅供参考。
要获得最高的特异性，我们需要点击我，但通常不建议这样做，除非我们真的需要。

【解决方案2】：

尝试：

#footer a{ 
   text-decoration: none;
}

【讨论】：

【解决方案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;
}

【讨论】：

【解决方案4】：

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

a {text-decoration:none;}

【讨论】：

【解决方案5】：

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

【讨论】：