css - 媒体查询只适用于 !important

Question

事实证明，如果我放置一个，尝试使用媒体查询根据您的屏幕分辨率更改样式是行不通的!后面重要。我正在填写代码 Important to work 但我不明白是因为它们在没有 Important 的情况下运行，这里举个例子!:

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