2009-05-24 79 views
4

我在我的CSS文件中的以下样式我页脚:链接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

+1

你用我的大眼睛伤害了我的眼睛:( – daniels 2009-06-29 12:40:52

回答

14

你可以尝试

#footer a { text-decoration: none } 

,这意味着所有< id为页脚中的元素中的>标签将没有下划线。

+2

阿格该死的,你快了^^ – 2009-05-24 17:08:05

10

尝试:

#footer a{ 
    text-decoration: none; 
} 
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; 
} 
2

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

a {text-decoration:none;} 
3

不是直接回答你的问题,但我会强烈建议在Firefox安装Firebug的,因为它允许您查看应用的类和它的顺序 - 从本质上帮助您调试CSS。