html - 在 wordpress 子主题中覆盖父 css 的媒体查询

Question

我想创建一个响应式 wordpress 主题的子主题。父主题的 css 定义了一些媒体查询，例如：

@media screen and (max-width: 1000px) { /* a bunch of changes */ }

现在假设我希望断点位于 900 像素而不是 1000 像素。有没有办法在我的子主题的 css 中轻松覆盖它？

Answer 1

JoshC是绝对正确的。

可能你不理解这个想法 -媒体查询不是像 css 中的某种规则。这是更全面的理解。

比方说：

您在主题中有媒体查询

@media screen and (max-width: 1000px) { #main{color:#000;} }

您将ID 为 main的div 设置为文本颜色为黑色，但前提是最大浏览器宽度不超过1000px - (max-width: 1000px)

无论您在何处使用此查询 - 它都将以相同的方式工作。

您需要指定的是里面的东西，例如使以下更重要的用途：

@media screen and (max-width: 1000px) { #main{color:#000 !important;} }