2009-05-24 39 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。