Css 默认样式的媒体查询不'；我不能如愿工作

这是我的密码：

@media (max-width: 480px) {
    .content {padding:4px;}
}   

@media (min-width:481px){
    .content {padding:10px;}
}

它工作正常。但是，当我像下面这样更改它时，它并没有按照我的意愿工作：

@media (max-width: 480px) {
    .content {padding:4px;}
}

.content {padding:10px;}

---

我打算将“.content{padding:10px}”作为默认样式。只有小于等于480px的屏幕宽度使用“.content{padding:4px}”

使用默认样式last（如示例中所示），它将覆盖已设置的任何内容。CSS是从上到下处理的，任何多次指定的属性都将采用最后指定的值

因此，将默认样式放在首位。这样，如果

@media

查询匹配，它将覆盖已设置的默认样式10px

.content {padding:10px;}

@media (max-width: 480px) {
    .content {padding:4px;}
}

---

将最后一行放在媒体查询之前。更改顺序..右键普通查询第一个OMG。。那条简单的规则！！非常感谢你！