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;
}