Html 为什么介质查询中较高的最大宽度会覆盖较低的最大宽度？

我的页面宽度低于991px，但“最大宽度1200px”仍然覆盖了css中的“最大宽度991px”规则

这是我的devtools窗口的屏幕截图：

---

这可以通过放置“！“页边空白顶部…”css规则后面的重要信息。但我还是想知道为什么会这样。

您必须更改媒体查询的顺序

在您的情况下，最大宽度越小，css中的最大宽度就越低

---

因为

max width:1200px

也是真的，并且在后面出现，所以它被覆盖（查看行数！：）

它看起来像是被应用的，因为它在css文件中出现的较晚。991 px在第462行周围应用，1200px在第506行之后应用。而不是

！重要信息

，在几乎所有情况下都应该避免，您只需使选择器更具体即可。例如，如果您有类似于

P{}

的内容，您可以通过添加类/id/child元素等使其更加具体

P.someClass>child#someID

。谢谢！我不知道@Jimpeters级联样式表。位置和顺序可能非常重要。我花了很多时间，通过编程为我的自定义列类生成

css

和

.cshtml

中的精确宽度括号，以强制遵守，在此之后，我几乎找到了您的答案。我从来没有怀疑过订单是个问题，谢谢。至少现在我有

LESS/SASS

类固醇和

C

副作用。