原始忽略的媒体查询（更高的“查询”）

Question

以下是chrome检查的截图，您可以看到小查询的删除方式：

Answer 1

CSS @media查询don't affect the specificity of selectors.因此，您的两种样式具有相同的特异性（因为它们的实际选择器是相同的），因此the last one wins。

特别是，CSS标准说：

  

原始文档独立链接的样式表中的声明被视为按链接顺序连接，由主文档语言确定。

换句话说，当您在页面上使用多个样式表时，HTML代码中最后一个样式表会获胜。

鉴于您的两种样式来自不同的样式表，似乎newDesignSprites.css位于HTML中smartphone.css之后，因此最终会覆盖它。只需交换<link>元素的顺序就可以解决问题。