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 に答える