css - Wordpress Hello Elementor Child Theme style.css 即使使用 !important 也无法正常工作

Question

我有一个名为“Hello Elementor Child”的活跃子主题。由于其他人在覆盖 Elementor 并将 !important 添加到每个 css 规则时遇到问题，我也做了同样的事情。

我的问题是没有什么是压倒一切的。当我“查看源代码”并找到主页上使用的背景图片时，我可以确认该图片的链接是好的。但是，它根本没有出现在网站上。

我不想将所有自定义代码添加到 Elementor 编辑器（或 css 插件），因为（1）我没有这个精打细算的客户的专业版和（2）我不想要一堆代码头部。

style.css 文档 https://trimedia.co/hccpersonalcare/wp-content/themes/hello-theme-child-master/style.css?ver=1.0.0

链接到背景图片，以便您了解它的外观：https ://trimedia.co/hccpersonalcare/wp-content/themes/hello-theme-child-master/images/men-masked-personal-care-wide .jpg

测试地点是https://trimedia.co/hccpersonalcare

Answer 1

如果您缩小浏览器的视口，您将看到背景图像出现。问题在于您的媒体查询，@media all and (max-width:600px)缺少右括号。你有这么多的查询，我建议将你的代码分块在几个常见的断点下，这样你就可以跟踪什么覆盖了更好的。