在 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

#project1{

    background-color: red;

}

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

此外，尽量避免放置 !important，而是使用更好的父选择器组合进行覆盖。

Answer 2

!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>

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

Background color not changing on hover in WordPress custom css

html

css

wordpress

custom-wordpress-pages