html - :アクティブな HTML/CSS が機能しない

Question

:active に何か問題があります。誰かが問題を見つけてくれれば幸いです。

HTML コード : http://pastebin.com/4wCi3L2Z

CSS コード : http://pastebin.com/jZvgdDaA

ありがとう。

Answer 1

あなたのhtmlにはaclass="active"がありますが、cssはクラスとは異なる:activeセレクターを使用しています。.active:active セレクターを使用するか、css でクラス セレクターを使用することができます。2つを混同している可能性があると思います。

Answer 2

：activeセレクターは、メイン（デフォルトのスタイルを定義する）の前にあります。

権利は次のようになります（この順序で）：

#nav li a {... }
#nav li a:hover {...}
#nav li a:active {...}

：focusも使用することをお勧めします：

#nav li a {... }
#nav li a:hover {...}
#nav li a:active, #nav li a:focus {...}

フォーカスを別のオブジェクトに変更した後もフォーカスを維持したい場合は、javascriptを使用する必要があります（Jquery、Mootools、またはDojo.jsで問題が解決するはずです）。

javascriptとclassNameを使用することをお勧めします。

CSSについてのもう一つのことは、決してそうしないでください：

#myID p em{...} 
#myID em.myClass{...} 

正しい手順は次のとおりです。

#myID p em{...} 
#myID p em.myClass{...}