基于条件的媒体查询

Question

我理解媒体查询本身就是有条件的;但是，如果页面上存在元素“x”（是否为media query #1），则应用display:none;是否存在“正确”，（非hackish）解决方案，如果不是，则应用{{1} }？

默认媒体查询与此类似。

media query #2

而其他媒体查询只会改变断点..

@media (max-width: 780px) {
  .right-col {
    float:left;
    width:98%;
  }
  .left-col {
    float:left;
    width:98%;
  }

}

示例plunker

我希望确定@media (max-width: 600px) { ... 是否可见（是否为.sidebar）。根据它的可见性，我想使用不同的媒体查询，以便我的列在不同的断点处折叠。