我想创建一个响应式WordPress主题的儿童主题。父主题的css定义了一些媒体查询，例如：
@media screen and (max-width: 1000px) { /* a bunch of changes */ }
现在假设我希望断点位于900px而不是1000px。有什么办法可以轻松地在我的孩子主题的CSS中覆盖此内容？
最佳答案
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;} }