sass 和 scss 有区别吗？ [复制]

Posted 2023-03-06

【中文标题】sass 和 scss 有区别吗？ [复制]

【英文标题】：Is there a difference between sass and scss? [duplicate]

【发布时间】：2013-05-28 07:38:29

【问题描述】：

我为网站的 CSS 开发了一些带有 .scss 脚本的 ruby​​ 应用程序。但我遇到了一个使用 .sass 的新 ruby​​ 应用程序。 这种变化有什么好处或需要注意的地方吗？

【参考方案1】：

它们在功能上是等效的，但语法不同。来自SASS homepage：

[...] 它们之间没有功能上的区别。使用您喜欢的语法。

【参考方案2】：

SASS 和 SCSS 是一回事，但是使用了两种不同的语法。

【讨论】：

@downvoter，敢解释吗？

【参考方案3】：

Sass 是一种更简洁的方式来制作 Scss：

..Older syntax is known as the indented syntax (or just “.sass”). Inspired by Haml’s terseness, it’s intended for people who prefer conciseness over similarity to CSS. Instead of brackets and semicolons, it uses the indentation of lines to specify blocks. Files in the indented syntax use the extension .sass.

Scss

$blue: #3bbfce;
$margin: 16px;

.content-navigation 
  border-color: $blue;
  color:
    darken($blue, 9%);


.border 
  padding: $margin / 2;
  margin: $margin / 2;
  border-color: $blue;

萨斯

$blue: #3bbfce
$margin: 16px

.content-navigation
  border-color: $blue
  color: darken($blue, 9%)

.border
  padding: $margin / 2
  margin: $margin / 2
  border-color: $blue

Check more info on sass page