为特定的媒体查询应用CSS规则，并考虑所有其他媒体查询的剩余规则

我有一个关于媒体提问的有趣问题

示例如下：

.card {
 padding: 25px;
 margin-bottom: 15px;
 width: 300px;
 border: 1px solid red;
    **--- 1st media query**
   @media only screen and (min-width: 1024px) and (max-width: 
        1360px) and (max-height: 768px) { 
          padding: 10px;
          margin-bottom: 15px;
   }
   @media only screen and (min-width: 1660px) { 
     /* Here I am not going to mention the rule for padding - but 
       wanted */
        margin-bottom: 15px;
   }
}

预期：

因此，媒体查询在1024到1360之间的屏幕上运行，并覆盖填充和边距底部规则

之后，对于大于1660px的大屏幕，将应用边距底部规则，但填充底部仍然来自上一个媒体查询，而不是来自默认的卡片类css规则

---

如何确保“padding:25px”规则应用于除第一个媒体查询之外的所有屏幕。

媒体查询应仅用于覆盖您想要覆盖的属性-如果您不想覆盖属性，则只需将其保留在媒体查询之外，它将继承自原始classI agree you@Pete。但我的问题是，在1360断点之后，所有屏幕都会覆盖填充。所以我们现在唯一的方法就是引入另一个断点来应用默认的css规则？啊，对了，在媒体查询中并没有显示这一点-只在设置了所有限制的查询中显示填充。在这种情况下，您将在下一次媒体查询中应用原稿，以重置其余屏幕尺寸