CSS 规则覆盖背景颜色的自定义规则

Question

我现在在我工作的网站上遇到一些 CSS 规则问题。

它使用基于 WPBakery Visual Builder 的自定义主题。问题是，我需要编辑元素的背景颜色。我都试过了:

• 在 WPBakery 中编辑行背景颜色。问题是它在编辑面板中正确显示，但在实际网站上显示不正确。
• 为该元素添加自定义 CSS 规则。

问题是，样式表可能会覆盖我设置的规则。解释截图:

https://imgur.com/a/YI5Df4i

有什么解决办法吗？

Answer 1

为您的元素添加更多特异性，例如:

div{
width:100px;
height:100px;
}

div.test{
  background:blue !important;
}

.test{
  background:red !important;
}

<div class="test"></div>

如果选择器中没有 div 部分，正方形将采用最后一个 css 规则并应用它，因为它们都具有与您的情况相同的特异性。