4

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

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

有什么想法可以使链接不带下划线吗?

谢谢

4

5 回答 5

14

你可以试试

#footer a { text-decoration: none }

这意味着带有 id 页脚的元素中的所有 <a> 标签都没有下划线。

于 2009-05-24T17:07:08.517 回答
10

尝试:

#footer a{ 
   text-decoration: none;
}
于 2009-05-24T17:07:35.630 回答
8

应用以下样式:

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;
}
于 2009-05-24T17:07:45.770 回答
3

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

于 2009-05-24T17:10:08.310 回答
2

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

a {text-decoration:none;}
于 2009-05-24T17:08:44.430 回答