2012-01-22 14 views
1

私のウェブサイトのフッタを印刷する際に問題があります。何らかの理由で、フッターが正しく印刷されますが、リンクは通常の書式のない青いフォントのリンクのように表示されます。何が起こっている? スタイルシートはページに含まれています。リンクタグを使用したCSSスタイルシートによる書式設定

<div id='footer'>Private Site&copy; <a href='mailto: [email protected]'>Contact Us</a></div> 

#footer 
{ 
padding-top: 20px; 
border: solid  #4F7D7D; 
border-width: 1px 0 0 0; 
text-align:center; 
display: inline; 
} 
#footer a:visited,  #footer a:link 
{ 
color: #666; 
text-decoration:none; 
} 
#footer a:hover 
{ 
color: #060; 
} 

答えて

0

更新

以下
#footer a:visited,#footer a:link,#footer a 
1

と訪問し、リストに沿ってあなたは、リンクの同じ色を訪れ使用して、アクティブ状態の場合は、あなたのようなあなたのコードを少し簡単にすることができます。

#footer a{ 
    color: #666; 
    text-decoration:none; 
} 

#footer a:hover{ 
    color:#060; 
} 

また、アンカータグのpsudeo-クラスの順序は次のとおりです。

:リンク - 未表示のリンク
は: - 訪問リンク
訪問:アクティブ
- アクティブリンク
を:ホバー - リンク
を推移している:を集中 -

+0

これらのアンカー擬似クラスの正しい順序はLVHFAです:Lord VaderはFurry Animalsを嫌います。 (アクティブは、リンクがクリックされたときにトリガーするため、最後にする必要があります。ホバー/フォーカススタイルで上書きしないでください) – meustrus

0

に焦点を当てされているリンク問題は:

#footer a:visited,  #footer a:link 

これらの2つを異なるスタイルに縮小します。それとも無視:

#footer a:visited 
0

あなたが含まれていませんでした、あなたの<link>タグのエラーを持っている、または多分その文字エンコーディングやURLに。問題はマークアップやスタイルシートに含まれていません。 (あなたが尋ねた技術的な問題を意味します)