更改类属性而不强制它保持这种状态

Question

我一直在尝试更改stackoverflow上这些按钮的背景颜色：

如果我在Firefox的检查器中编辑背景属性，一切都按预期运行：

然而，一旦我运行一个greasemonkey脚本来改变它，我就会遇到问题。就像我的脚本永久冻结了按钮的背景：

＆＃13;

＆＃13;

var tags = document.getElementById("nav-tags");
tags.style.background = "#1D3239 none repeat scroll 0% 0%"

＆＃13;

＆＃13;

＆＃13;

我查看了每个stackexchange帖子，我通过Google搜索找到的每篇文章都说改变CSS类属性的方法是通过object.style设置它，但是因为我＆＃ 39; m经历了背景冻结的这种行为并且永远不会随着标签按钮的改变而改变而没有改变，这让我相信设置风格的背景实际上只是改变（和冻结）背景元素，而不是类。

如何更改类的背景（不仅仅是一个元素）而不是永久冻结更改（我希望橙色突出显示仍然发生）？即使按钮有类，我知道访问它们的唯一方法是通过document.getElementsByClassName（）来返回元素而不是类。我不知道如何通过JavaScript直接编辑类。

此外，关于橙色突出显示的主题，我在Firefox检查器窗口的任何位置都看不到它的属性。我在哪里可以找到它以便我知道要修改什么？

Answer 1

使用相同的类标记按钮，说＆＃34; orangeToBlack＆＃34;，然后使用CSS：

.orangeToBlack {
background-color: orange;
}

.orangeToBlack:hover {
background-color: black;
}