css - 我可以在同一个样式表上混合使用 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;
}