css - (最小宽度 :1110px) affecting whole styles

Question

样式采用移动优先结构制作。因此，为最大 360px 宽度的设备制作的主要样式没有媒体查询。桌面样式被包装到 1110px 最小宽度的媒体查询中，但它们会影响整个页面样式。当我使用 Chrome Inspector 检查样式时，它们甚至不显示媒体查询...

这是文件的链接:http://www.institutopsicode.com/wp/wp-content/themes/psicode/style.css

您可以在此 URL 上查看问题:http://www.institutopsicode.com/wp/2015/08/31/tu-mente-te-miente/

侧边栏显示在移动版本的底部，而在 360 像素设备的主要样式中，它有一个 display:none;

我已经尝试了很多事情和订单，但仍然没有做出我需要的...

感谢您抽出宝贵时间!

Answer 1

如果打算将 #sidebar {display:block} 部分放在 min-width:1110px 的媒体查询中，那你就有问题了。< br/>在第 1208 行有一个结束媒体查询的 }，但是说 #sidebar {display:block} 的代码在第 1335 行，在任何媒体查询之外。

第 1600 行还有一个无关的 }，所以我认为您应该删除第 1208 行的那个。