媒体查询仅适用于 !important

Question

事实证明，如果我放置了一个！重要的背后。我正在填写代码重要的工作，我不明白是因为他们在没有重要的情况下操作这里放一个例子！：

@media screen and (max-width: 1000px) {


.logo img{

    padding: 0px 0px 0px 0px;

    }
}


.logo img{
    width:100%;
    max-width:60%;
    padding: 164px 0px 0px 0px;

    }

如果你不把重要的放在不工作的后面。也许这是一个愚蠢的问题，但却把问题带到了我的脑海，却找不到解决方案。

Answer 1

您必须将媒体查询放在通用 CSS 之后 - 后面的规则将覆盖之前的规则，如果它们不在媒体查询中，它们对所有内容都有效...