（最小宽度：1110像素）影响整个风格

Question

款式采用移动式第一结构。因此，主要样式，最多360px宽度设备，没有媒体查询。桌面样式包装在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/

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

我尝试了许多事情和命令，但仍然没有做出我需要的东西......

感谢您的时间！

Answer 1

如果#sidebar {display:block}部分的目的是在min-width:1110px的媒体查询中，则说明您有问题。
有一个}在第1208行结束了媒体查询，但在任何媒体查询之外，代码#sidebar {display:block}位于第1335行。

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

Answer 2

当你检查页面并查看css时，有两个代码块：

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

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

因此您可以看到浏览器未捕获指定的媒体查询。可能发生在利斯特先生所说的事情上。