sass 中有 2 个@media 实例（最大宽度/最小值）的编译错误

Question

按原样编写以下内容时，SASS 中的一个中间宽度媒体调用位于另一个之上我收到编译错误 - 错误提示 'Invalid CSS after "TCY": expected selector, was "@media <max-wid..."> - 我不明白这是什么意思，过去曾使用过以下内容；我在下面没有看到任何错误，有什么建议吗？

@media (max-width:950px) and (min-width:800px) {
    .clickFacet  {
      width: 93%;
      position: absolute;
      left: 0;
      top: 40px;
      max-width: 600px;
      border: 1px solid red;
    }
}

@media (max-width:1200px) and (min-width:1000px) {
    .clickFacet  {
      width: 100%;
      position: absolute;
      left: -1%;
      top: 40px;
      max-width: 600px;
      border: 1px solid red;
    }
}

注意：//一个会完美；如果我注释掉任何一个——它们被阅读了，出于某种原因两个不受欢迎？

错误将我指向第二个 @media 的开头，它在下方。

每个请求之前的代码：

body{
    font-size: 18px;
}

Answer 1

我在将它插入文本编辑器时出错，你的第一个媒体查询的右括号似乎不正确，可能是复制代码。无论如何，将其复制并粘贴到您的 css 中，它应该可以解决问题。

@media (max-width:950px) and (min-width:800px) {
    .clickFacet  {
      width: 93%;
      position: absolute;
      left: 0;
      top: 40px;
      max-width: 600px;
      border: 1px solid red;
    }
}

sass 中有 2 个@media 实例（最大宽度/最小值）的编译错误

compilation errors in sass with 2 instances of @media (max width / min)

css

sass

compass