@media查询 - 为什么css规则否决了另一个？

Question

我正在使用max-width: 768px;的媒体查询 并将元素的css规则设为left: 80px;

然后BENEATH我有另一个媒体查询，目标最大宽度为800px 并且我将相同的元素设置为left: 94px;

然而，当我将屏幕尺寸更改为较小的768并使用firebug进行检查时，left: 80px;的规则被删除，并且left: 94px;正在被跟踪。

任何想法为什么？

Answer 1

由于max-width 800px覆盖768px，因为您在768px后调用min-width，因此请使用{{1}}代替Arpit Srivastava

Answer 2

由于max-width:800px覆盖768px，因为您在768px后调用min-width，因此请使用{{1}}代替