(min-width:1110px) 影响整个样式答案

【问题标题】：(min-width:1110px) affecting whole styles(min-width:1110px) 影响整个样式
【发布时间】：2015-11-26 23:54:38
【问题描述】：

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

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

你可以在这个网址看到问题：http://www.institutopsicode.com/wp/2015/08/31/tu-mente-te-miente/

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

我已经尝试了很多东西和订单，但仍然无法满足我的需求......

感谢你们的时间！

【问题讨论】：

请创建一个最小的、具体的和可验证的示例作为代码 sn-p 或在 JSfiddle 上。由于链接失效的可能性，强烈建议不要链接到外部网站。
我在您的代码中看不到任何地方有适合页面为 360 像素时的样式
嗯...我想知道 CSS 中行尾的反斜杠有什么作用。
非常感谢你们！这只是一个大括号，我永远不会在第 1207 行发现...

标签： css media-queries

【解决方案1】：

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

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

【讨论】：

天哪...非常感谢可可人！我对此感到非常生气......当然是一个大括号-__-你能告诉我你发现错误了吗？有什么工具吗？？
没有具体的工具，但你说媒体查询甚至没有出现。所以我从媒体查询有问题的假设开始。尽管看起来{display:block} 在查询中（从缩进来看），但实际上不是。这就是编辑器的“移动到匹配的括号”命令出现的地方......

【解决方案2】：

当您检查页面并检查 css 时，有以下两个代码块：

//line 1335
//media="all"
#sidebar {
  width: 260px;
  margin-top: 31px;
  display: block;
  float: right;
}

//line 629
//media="all"
#sidebar {
  display: none;
}

如您所见，浏览器未捕获指定的媒体查询。李斯特先生所说的可能会发生

【讨论】：