2011-05-26 18 views
0

これは簡単に解決するはずですが、なぜこれが起こっているのか分かりません。私はIDがtestのdivを持っていて、そのdivの中にリンク付きの段落タグがあります。疑似クラスが動作しない

現在、テストクラス内ではリンクが表示されないため、その理由を理解できません。私は特別なことを望まないリンクのためのグローバルな擬似クラスが必要です。これは、次の4行のコードでなければなりません。私は特別な何かをしたいん

a:link {color:#000;text-decoration:none;} 
a:visited {color:#000;text-decoration:none;} 
a:hover {color:#000;text-decoration:none;} 
a:active {color:#000;text-decoration:none;} 

私は、ブラウザだけtest div要素と他のどこの中、そのクラスを使用する必要があることを下に持っているように、私は#testクラスを参照することができます。私はこれについて間違っていますか?

#test p a:link, a:visited, a:hover, a:active {color: #FFFFFF;} 

FFは、テストがテスト部門外で使用されていることを示しています。言い換えれば、テストが使用されていないまったく異なるページでは、テストクラスが使用されていることがわかります。

答えて

3

CSSはこのように動作しません。 #testをそれぞれ定義する必要があります。例:

#test p a:link, #test p a:visited, #test p a:hover, #test p a:active { 
    color: #FFFFFF; 
} 
+0

うわーためtest div要素への参照を追加するのを忘れ

#test p a:link, #test p a:visited, #test p a:hover, #test p a:active {color: #FFFFFF;} 

する必要がありますこれを変更してください。私は今これを試してみましょう。答えてくれてありがとう。 – jim

+0

あなたは正しいShazです、それは動作します。 SOのタイマーが切れると、私はあなたに答えてくれるでしょう。ご協力いただきありがとうございます。 – jim

+0

@jim:いつでも。また、SOにようこそ。 :) – Shaz

0
#test p a:link, a:visited, a:hover, a:active {color: #FFFFFF;} 

あなたはOK、私は私がする必要があると思い、リンク疑似クラスの各

+0

ありがとうジョン。私はこれを変えて何が起こるか見る。 – jim

関連する問題