Scss mixins 从SCSS到纯CSS翻译

此SCS到纯CSS的最接近的转换是什么：-

    .mfp-force-scrollbars {
  &.mfp-wrap {
      overflow-y: auto !important;
      overflow-x: auto !important;
  }
  .mfp-img {
    max-width: none;
  }
  .mfp-close {
   position: fixed;
  }

}

---

SCSS代码在使用前编译成CSS。如果您想从SCS转换到CSS，只需编译它。这里有一个在线编译器： 但是大多数人要么在编辑器中使用扩展（VS代码有几个）要么使用命令行工具。Sass网站在这里：它有CLI（）的文档和安装说明，因此您可以直接开始编译SCS。以下是直接回答您问题的编译代码：

.mfp-force-scrollbars.mfp-wrap {
    overflow-y: auto !important;
    overflow-x: auto !important;
}

.mfp-force-scrollbars .mfp-img {
    max-width: none;
}

.mfp-force-scrollbars .mfp-close {
    position: fixed;
}

在SCS中，

&

符号称为“父选择器”，在嵌套选择器中用于重复其直接父选择器。请在此处阅读更多信息：

请注意，如果

overflow-x

和

overflow-y

值相同，您可以使用缩写

overflow

。因此，SCS可能只是：

.mfp-force-scrollbars {
    &.mfp-wrap {
      overflow: auto !important;
    }

    .mfp-img {
      max-width: none;
    }

   .mfp-close {
     position: fixed;
    }
}

---

非常感谢。我不知道有这样的转换器。你可以使用可视化代码编辑器安装一个插件sass编译器