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;
}