html - クリック時に影付き画像リンクを追加

Question

クリックしたリンクにスタイルを追加する際に問題が発生しています。これは画像であり、クリックすると影が付けられるようにしたいのですが、それを実現できず、何もしていshadowないようです。box-shadow

私はそれをjsFiddleで動作させることができました:

http://jsfiddle.net/4GgBe/

しかし、それは私のページでは機能しません:

http://jovansfreelance.com/booklist/list/man/Best-Stand-Alone-Fantasy-Books

緑色の「1 reranks」ボタンをクリックすると、リンクが表示されます (小さな色付きのバーが付いているボタンです)。CSS全体をページからjsFiddleにコピーしようとしましたが、jsFiddleでは機能しましたが、ページでは機能しませんでした。誰かが問題を見つけることができますか?

Answer 1

リンクのクラスが CSS と一致しません。リンクに割り当てられたクラスは「showerranks」ですが、CSS ルールは「shower」に割り当てられています。

ライブ CSS を次のように編集するだけです。

a.showeranks:active{
    box-shadow: 2px 2px 2px 2px blue;
}