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

Question

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

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

现在让我们说我希望断点是900px而不是1000px。有没有办法在我的child-theme的css中轻松覆盖它？

Answer 1

JoshC 绝对正确。

可能你不明白这个想法 - 媒体查询就像css中的某种规则。这是更多的glogal理解。

让我们说：

您在主题

中有媒体查询

@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;} }