Html 链接css下划线
在css文件中,我的页脚有以下样式:Html 链接css下划线,html,css,hyperlink,underline,Html,Css,Hyperlink,Underline,在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>&nbs
#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> <A
HREF="http://site1/rss.xml">RSS</A> <A
HREF="http://www.mexautos.com">Autos Usados</A> <A
HREF="http://www.site2">Videos Chistosos</A> <A
HREF="http:/s.blogspot.com">Fotos de Chavas</A><br>
Derechos Reservados © 2008-<?=date('Y')?> address<br>
</div>
//谷歌广告
Derechos Reservados©;2008年-地址
但出于某些原因,一些链接显示了下划线
有什么想法我可以使它这样的链接不出现下划线
您可以试试
#footer a { text-decoration: none }
这意味着元素中id为footer的所有标记都没有下划线。请尝试:
#footer a{
text-decoration: none;
}
应用以下样式:
a, a:link, a:visited, a:hover
{
text-decoration: none;
}
我特意为您提供了
标记可能具有的所有状态的完整覆盖范围,但您也可以通过以下方式逃脱:
a
{
text-decoration: none;
}
最后,如果您只想将此应用于页脚:
#footer a, #footer a:link, #footer a:visited, #footer a:hover
{
text-decoration: none;
}
在样式表中添加以下行:
a {text-decoration:none;}
这不是对你问题的直接回答,但我强烈建议你在Firefox中安装Firebug,因为它可以让你看到应用了什么类,它的顺序是什么——基本上可以帮助你调试CSS。Argh damnit,你更快了^^我可能不必要地“挑剔”-但不一定所有的a标签…具有更高特异性的东西可以覆盖你上面所说的。我以前在这方面遇到过问题,永远也不知道为什么它不起作用。仅供参考。要获得最高的特异性,我们需要单击我,但通常不建议这样做,除非我们真的需要。你用大写标记伤害了我的眼睛:(