我可以在同一样式表上混合使用CSS和SCSS吗？

Question

我刚刚找到了SCSS，并且我认为它在我正在开发的网站上有用（我完成了大约50％）并且这将是一个很好的方法来使我现有的一些CSS更加整洁和更容易阅读。

我的问题是，我可以将现有CSS的部分内容重写为SCSS，其余部分是否为CSS？我可以在同一样式表中同时使用CSS和SCSS，还是必须全部使用SCSS或CSS？

Answer 1

SCSS是CSS的预处理器，所以是的，你可以混用，只要你使用以.scss结尾的文件

虽然我建议您阅读SASS Docs并以正确的方式使用它。

见下文和SASS demo：

SCSS

.test {
  div {
    color:red;
  }
}

div span {
  background:blue;
}

CSS

.test div {
  color: red;
}

div span {
  background: blue;
}

Answer 2

是的，这完全没问题，没问题。