Javascript addClass(“测试”)不';不起作用-但css(“背景”和“红色”)起作用

Javascript addClass(“测试”)不';不起作用-但css(“背景”和“红色”)起作用,javascript,jquery,css,Javascript,Jquery,Css,有人知道为什么吗 以下是JS: $(".screenshots .tab1").hover(function() { $(".section1").addClass("test"); }, function() { $(".section1").removeClass("test"); }); }); 和CSS: .test { background: black; border: 1px solid #ffb75b;

有人知道为什么吗

以下是JS:

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

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

请尝试指定一次背景:

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

请尝试指定一次背景:

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

也许有一个css条目否决了你的。试试这个:

background-color: #fffadb !important;

也许有一个css条目否决了你的。试试这个:

background-color: #fffadb !important;

也许这只是一个复制粘贴错误,但您有一个
})太多了。应该是:

$(".screenshots .tab1").hover(function() {
    $(".section1").addClass("test");
}, function() {
    $(".section1").removeClass("test");
});
请参见一个实例:


当然,
背景:黑色
没有效果,因为
背景颜色:#fffadb覆盖它。

可能只是一个复制粘贴错误,但您有一个
})太多了。应该是:

$(".screenshots .tab1").hover(function() {
    $(".section1").addClass("test");
}, function() {
    $(".section1").removeClass("test");
});
请参见一个实例:


当然,
背景:黑色
没有效果,因为
背景颜色:#fffadb覆盖它。

我想这是因为你有一个额外的});在JS代码的末尾。
参见此处的工作示例(我认为这是因为您有一个额外的});在JS代码的末尾。
参见此处的工作示例

您确定css是正确的吗?我不确定
background:black
是否有效,尤其是您正在设置
background color
。如果手动将该类添加到html中,css是否适用?什么不起作用?
background:black
是正确的。这不是一个很好的实践。你确定css是正确的吗?我不确定
background:black
是否有效,尤其是您正在设置
background color
。如果手动将该类添加到html中,css是否适用?什么不起作用?
background:black
是正确的。这不是一个很好的做法。