CSS到SCSS - 如何更改媒体查询

Question

在我的角度项目中，我使用 CSS 切换到 SCSS ，但我对现有媒体查询有疑问。

在 CSS 中，我有：

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution:.001dpcm) { @media {
   .safari_only { 
       color:#0000FF; 
       background-color:#CCCCCC; 
   }
}}

如何将此代码更改为 SCSS ？ SCSS 建筑给了我这个错误：

  

媒体查询表达式中需要的媒体功能

Answer 1

试试这个：

.safari_only {
  @media not all and (min-resolution:.001dpcm) {
    @media {
      color: #00F;
      background-color: #CCC
    }
  }
}