Html 在WordPress自定义css中悬停时背景色不变

我正在使用WordPress，所以我编写了自定义颜色来更改悬停框的背景色，但它不起作用

#项目1{
高度：100px；
宽度：33.33%；
背景色：红色！重要；
}
#项目1：悬停{
背景颜色：蓝色；
颜色：白色；
}

---

尝试删除！从第一条规则开始很重要

#project1{

    background-color: red;

}

#project1:hover {
    background-color: blue;
    color: white;
}

---

此外，要避免放！重要的是，使用更好的父选择器组合进行覆盖

这个

！重要信息

规则未被没有

的新规则覆盖！重要信息

要么删除

！重要信息

来自第一个声明，或者如果您必须将其保留在那里，请将其也添加到

：hover

声明中

#项目1{
高度：100px；
宽度：33.33%；
背景色：红色！重要；
}
#项目1：悬停{
背景色：蓝色！重要；
颜色：白色；
}

---

删除！对于#project1很重要，如果您想覆盖从父类（如#parent#project1{}）继承的规则@charankumar我有两个不同的文本，但在悬停时，只有第二个span text颜色是更改的，第一个span text颜色没有更改

01事件

，这是因为在HTML中应用样式比

#project1:hover{…}

具有更高的特异性。最佳实践是将所有样式放在一个单独的CSS文件中，但如果您使用更高级别的特定性（如中），仍然可以覆盖它。如果要删除HTML中的所有样式并删除

的任何用法！重要的，看一看.@ SIRXXORD谢谢它的工作，但我有一个按钮，它也有不同的颜色，但是当我悬停我不想改变按钮颜色（我希望那个按钮颜色应该是一样的），因为按钮文本也会考虑到Sigi从代码中删除<代码> Studio。这似乎没有必要。我有两个不同的文本，但悬停时只有第二个跨文本颜色是更改的第一个跨文本颜色没有更改
01事件
我有两个不同的文本，但悬停时只有第二个跨文本颜色是更改的第一个跨文本颜色没有更改
01事件