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