我正在使用 Wordpress 和 WPbakery。我设置了全宽全高背景。但是目前背景位置设置为以“！important”为中心，正如我在开发人员工具中看到的那样。
我想将其设置为“顶部”。我在chrome的开发者工具中进行了编辑，达到了预期的效果。但是我不确定如何使更改永久化。我尝试将我在开发人员工具中看到的内容复制粘贴到自定义 css 字段中并将其编辑为“顶部”，但它不会覆盖主题。我该怎么做？
这是在开发者工具中看到的当前代码：
.vc_custom_1551104319445 {
background-image: url(https://unlicensedshrink.com/wp-content/uploads/2019/02/ulweb.jpg?id=9) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
不确定自定义样式和主题的默认 CSS 的输出顺序……尝试增加选择器的特异性，喜欢html .vc_custom_1551104319445或.vc_custom_1551104319445.vc_custom_1551104319445
当多个 CSS 规则应用于一个元素并尝试为相同的属性指定值时，它就变成了一个“获胜”的具体问题。
以下是有关该主题的一些资源：
https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/
https://developer.mozilla.org/en-US/docs /Web/CSS/Specificity
https://specificity.keegan.st/
因此，如果您尝试使用从 WP/themes 样式中获取的完全相同的选择器来覆盖某些内容，那么这只是一个顺序问题。WP 样式是否最后嵌入？然后他们赢了，否则你赢了。
一个简单的解决方法是增加选择器的特异性。在作为元素后代的附加“条件”上选择此类的html元素是一种方法。或者重复类名，这样.foobar就变成.foobar.foobar了……以及许多其他可能的方式。
您需要查看生成代码的文件。例如 -
在您知道哪个文件负责该代码之后，然后您转到站点目录并实施有问题的文件。