html - 在 WordPress 自定义 css 中悬停时背景颜色不会改变

Question

我使用的是 WordPress，因此我编写了自定义颜色来更改悬停时框的背景颜色，但它不起作用

#project1 {
  height: 100px;
  width: 33.33%;
  background-color: red !important;
}

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

<div id="project1"></div>

Answer 1

!important 规则不会被没有 !important 的新规则覆盖。

从第一个声明中删除 !important，或者如果您绝对必须将其保留在那里，请将其也添加到 :hover 声明中。

#project1 {
  height: 100px;
  width: 33.33%;
  background-color: red !important;
}

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

<div id="project1"></div>