WordPress 媒体查询答案

【问题标题】：WordPress Media QueryWordPress 媒体查询
【发布时间】：2020-07-09 16:36:49
【问题描述】：

我试图修改 WordPress 的 CSS @media 查询，但它似乎不起作用。在浏览器检查器中出现两行代码（索引：1733 和索引：1104 包含相同的代码），但第 1733 行是唯一有效的行。

发生了什么？请帮忙。

提前谢谢你

【问题讨论】：

标签： css wordpress media-queries

【解决方案1】：

原因是第 1733 行覆盖了第 1104 行的代码，要么删除其中一个代码，要么按照设计更改媒体查询

【讨论】：

【解决方案2】：

CSS 具有读取代码的读取顺序。这里发生的是第二块（索引：1733）覆盖了第一块（索引：1104）。似乎您已经定义了两次 CSS。因此，如果这是您编写的代码，那么您可以找到代码行并重写它。如果这是您想要覆盖的插件，那么您可以在 CSS 中使用 !important。除非必要，否则我建议不要使用最后一点。

【讨论】：

非常感谢！是的，我正在使用一个插件，但我无法找到手动修改它的代码文件，所以代码（！重要）非常有用！谢谢！！

【解决方案3】：

代码运行良好。

您在样式表中为一个元素编写了两次 CSS。（1104 和 1733）。所以样式表底部的 CSS 会覆盖写在顶部的 CSS。

【讨论】：

谢谢，我怎样才能将我的代码从 WordPress CSS 编辑器移到底部？我找不到手动编辑的（索引）文件，它似乎隐藏在我认为的任何 PHP 文件中，你有提示吗？
尝试通过 Appearances->themes->style.css 将您的 CSS 添加到底部的 style.css 文件中，或者您可以在顶部本身的样式中添加“！important”。 !important 将被优先考虑。我已经用示例编辑了我的答案。检查上面的答案