2012-04-06 11 views
-2

次のコードが意図した機能を示すべきで動作しない疑似クラスセレクタ:HTML/CSS:予想通り

<head> 
     <style> 
     a:active 
     { 
      color:teal; 
     } 
     a:hover 
     { 
      color:green; 
... 
... 
... 

    <body> 
     <a href="http://www.google.co.uk">Googs!</a> 
... 

See entire code here

+2

ここでは問題は表示されません。 http://jsfiddle.net/jfeltis/8GVNp/1/ – Joe

+0

あなたは何を見たいですか?あなたは何を見ますか? –

+0

@Joeまあ、ルール ':P'を入れ替えました –

答えて

2

CSSルールを切り替えます。

... 
a:hover{color: #000;} 
a:active{color: #c0c0c0;} 
... 
+0

さて、正しい順番は、リンク、ホバー、アクティブ(および訪問)です。 なぜですか? ドキュメントへのポインタ...? –

+0

@popstackここでは、CSSの優先順位がどのように動作するかについてのまともな記事です。 http://css-tricks.com/specifics-on-css-specificity/ – Joe

0

それはよさそうだと私は省略記号が閉じ括弧を表していると仮定します。別のスタイルのページをより深くカスケードで上書きしていますか?また、スタイルタグの詳細を確認することをお勧めします。

<style type="text/css"> 
+1

HTML5が正式にこれを確立する前であっても、ブラウザは常にデフォルトタイプの '' text/css ''を使用しています。それ以外の場合は、インラインスタイルの属性を持つことができませんでした。 –

+0

@Seanについては、完全なコード(編集済み/追加済み)と質問 –

+0

をご覧ください。私の悪い。まだフォーラムでは新しい。あなたがソートされているようです。がんばろう。 – Sean

関連する問題