在Wordpress子主題中覆蓋父CSS的媒體查詢

Question

我想創建一個響應式WordPress主題的兒童主題。 父主題的css定義了一些媒體查詢，例如：

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

現在假設我希望斷點位於900px而不是1000px。 有什么辦法可以輕松地在我的孩子主題的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;} }