addClass（“test”）不起作用 - 但是css（“background”，“red”）可以

Question

任何人都知道为什么？

这是JS：

$(".screenshots .tab1").hover(function() {
    $(".section1").addClass("test");
        }, function() {
    $(".section1").removeClass("test");
        });
    });

CSS：

.test {
    background: black;
    border: 1px solid #ffb75b;
    background-color: #fffadb;
    } 

Answer 1

也许有一个css条目可以推翻你的。试试这个：

background-color: #fffadb !important;

Answer 2

也许这只是一个复制和粘贴错误，但你有});。应该是：

$(".screenshots .tab1").hover(function() {
    $(".section1").addClass("test");
}, function() {
    $(".section1").removeClass("test");
});

查看实时示例：http://jsfiddle.net/wmD4E/

当然background: black无效，因为background-color: #fffadb;会覆盖它。

Answer 3

我认为这是因为你有额外的}）;在你的JS代码的最后。  请参阅此处的工作示例http://jsbin.com/adeye4/edit

Answer 4

尝试指定背景一次：

.test {
    border: 1px solid #ffb75b;
    background-color: #fffadb;
}