Wordpress Hello Elementor 儿童主题 style.css 即使使用 !important 也无法正常工作
Wordpress Hello Elementor Child Theme style.css not working even with !important
我有一个名为“Hello Elementor Child”的活跃儿童主题。由于其他人在覆盖 Elementor 并将 !important 添加到每个 css 规则时遇到问题，我也做了同样的事情。
我的问题是没有什么是压倒一切的。当我“查看源代码”并找到主页上使用的背景图像时，我可以确认该图像的 link 是好的。但是，它根本没有出现在网站上。
我不想将所有自定义代码添加到 Elementor 编辑器（或 css 插件），因为 (1) 我没有适合这个精打细算的客户的专业版，并且 (2) 我不想脑子里塞一堆代码。
style.css 文件
https://trimedia.co/hccpersonalcare/wp-content/themes/hello-theme-child-master/style.css?ver=1.0.0
Link 到背景图片，这样您就知道它应该是什么样子了：https://trimedia.co/hccpersonalcare/wp-content/themes/hello-theme-child-master/images/men-masked-personal-care-wide.jpg
如果您缩小浏览器的视口，您会看到背景图像出现。问题出在您的媒体查询上， @media all and (max-width:600px) 缺少右括号。您的查询太多了，我建议您将代码分块放在几个常见的断点下，这样您就可以跟踪哪些覆盖更好。
我有一个名为“Hello Elementor Child”的活跃儿童主题。由于其他人在覆盖 Elementor 并将 !important 添加到每个 css 规则时遇到问题，我也做了同样的事情。
我的问题是没有什么是压倒一切的。当我“查看源代码”并找到主页上使用的背景图像时，我可以确认该图像的 link 是好的。但是，它根本没有出现在网站上。
我不想将所有自定义代码添加到 Elementor 编辑器（或 css 插件），因为 (1) 我没有适合这个精打细算的客户的专业版，并且 (2) 我不想脑子里塞一堆代码。
style.css 文件 https://trimedia.co/hccpersonalcare/wp-content/themes/hello-theme-child-master/style.css?ver=1.0.0
Link 到背景图片，这样您就知道它应该是什么样子了：https://trimedia.co/hccpersonalcare/wp-content/themes/hello-theme-child-master/images/men-masked-personal-care-wide.jpg
如果您缩小浏览器的视口，您会看到背景图像出现。问题出在您的媒体查询上， @media all and (max-width:600px) 缺少右括号。您的查询太多了，我建议您将代码分块放在几个常见的断点下，这样您就可以跟踪哪些覆盖更好。