1

我发现 SASS 语法比 SCSS 更简单、更简洁，但是文档没有那么广泛和完整，所以我经常遇到浪费时间的语法错误。许多提到 SASS 的文章实际上只包含有关 SCSS 的信息。甚至官方的 SASS 文档 ( https://sass-lang.com/documentation/file.SASS_REFERENCE.html#if ) 也包含显然只引用 SCSS 的示例。例如，mixin 中条件语句的 SASS 语法是什么？例如：

=button-colors($primary, $secondary, $border: true)
  background-color: $primary
  color: $secondary
if $border
  border-color: $secondary
else
  border-color: $primary

此示例无法正确编译：该if语句被忽略并且border-color生成的 CSS 中没有。

是否有人知道有用的网站，其中包含 SASS 语法的文档和示例或在线从 CSS/SCSS 转换为 SASS 的工具？

4

1 回答 1

1

如您所见，参考文档是用scss语法编写的，可能是因为它更受欢迎，我强烈建议您选择scss语法，因为它的最大好处是乍一看可能不清楚！

但是无论如何，如果您更喜欢使用sass之一，我认为您必须关注主文档并检查此链接以查看差异，然后更正您的语法。

您还可以使用这些工具来转换样式表：

css2sass： css到scss/sass。

sassmeister： scss/sass到css。

于 2018-11-27T13:27:11.967 回答