媒体查询仅适用于 !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之后 - 后面的规则将覆盖它们之前的规则，如果它们不在媒体查询中，则它们对所有内容都有效......