jquery - 我如何添加类。在鼠标悬停上工作但不在点击上工作

Question

我试图让我的星级评定者在单击容器 div 内的 5 个表格列之一时保持我正在使用的 Sprite 的背景位置。在鼠标悬停时，我添加了一个 style 属性来完成它并且可以正常工作，但是当我单击并添加一个具有完全相同的 css 的类时，它不会影响背景位置。我已经默认添加了这个类，但它仍然不起作用。我想这实际上更像是一个 css 问题。

这是我使用的代码:http://jsfiddle.net/cbYCZ/3/

非常感谢任何帮助。这对我来说是一个真正的面条刮板。

Answer 1

你有这条规则:

#rating 
{
   background: ...;
}

然后这条规则:

.star3
{
   background: ...;
}

这两个都同时应用于同一个元素，但是因为 CSS Specificity ，带有 id (#rating) 的那个覆盖了带有 class (.star3) 的那个，因此添加一个 .class3 有对渲染页面的影响为零。

将 .star3 更改为 #rating.star3 可解决问题:http://jsfiddle.net/gLTSz/