我目前正在工作的网站上遇到了一些CSS规则问题。
它使用基于WPBakery Visual Builder的自定义主题。问题是，我需要编辑元素的背景颜色。我尝试了两种方法：
- 在 WPBakery 中编辑行背景颜色。问题是它在编辑面板中正确显示，但在实际网站上没有 。
- 为该元素添加自定义 CSS 规则。
问题是，样式表可能会覆盖我设置的规则。解释截图：
https://i.stack.imgur.com/FPAlO.jpg
解决这个问题有什么想法吗？
为元素添加更多特异性，例如：
div{
width:100px;
height:100px;
}
div.test{
background:blue !important;
}
.test{
background:red !important;
}<div class="test"></div>如果没有选择器中的div部分，正方形将采用最后一个 css 规则并应用它，因为它们都具有与您的情况相同的特异性。
不幸的是!important使用，避免这样做。但尽量更具体，例如：.parent-div .your-class { color： pink } ...可能您还必须添加!important;但我建议您编辑主题并删除!important至少在您遇到问题的地方。导入样式的重要顺序.css，添加一个自定义文件并将其放在最后，如下所示：
<head>
<link rel="theme.css" type="text/css" href="mystyle.css">
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
浏览器将采用最后一个声明。