Compass和Sass有什么区别？

Question

SASS和Compass有什么区别？SASS和SCSS又有什么区别？我对此感到非常困惑。

- Junxuan Ng

Answer 1

冒着过于简化的风险，Compass是一个框架，而Sass则是一种语言抽象。您可以在Compass上下文中编写Sass代码（并将其编译为标准CSS）。 SCSS只是Sass语言的最新语法。据我所知，它的创建目的就是为了语法更像CSS，以便于前端开发人员更容易理解。它拥有Sass的所有语法糖，但对于熟悉CSS的前端开发人员来说更加熟悉。

- Rob Wilkerson

---

如果答案足够了，只需将其标记为答案即可。 - Rob Wilkerson

Answer 2

一般来说：“Sass”是CSS预处理器的名称，意味着它是开发人员编写短占位符形式并自动编译为正常CSS代码的有用工具。 Sass有两种不同的短形式代码编写方式：SCSS和SASS。 SCSS和SASS之间的区别非常简单：SCSS是带有附加功能的正常CSS。每个CSS文件都可以重命名为.scss并进行验证。 SASS使用更短的书写形式，跳过所有花括号。要将.css文件转换为有效的.sass文件，需要更改CSS代码。

Compass是一种称为CSS框架的类型，通过命令行工具进行控制。 Compass通过提供预定义的函数、mixin等来支持开发，以加快编码速度并防止编写错误。例如，Compass允许您只需编写“@include box-shadow()”即可调用所有polyfills的box-shadow。所有CSS代码在编译时由Compass本身添加，使用“compass compile”。Compass是在较大的前端开发项目中使用最广泛的工具之一。

- RedSight

Answer 3

这里有一个简短的回答：

Compass基本上是一个SASS库。它使用sass的原始语言并创建常见的可重用函数。

从网站来看：

Compass使用Sass。

Sass是CSS3的扩展，添加了嵌套规则、变量、mixin、选择器继承等功能。Sass生成格式良好的CSS，并使您的样式表更易于组织和维护。

- chrisjlee

Answer 4

Compass是一个基于Sass构建的框架。另外一些流行的Sass框架包括Bourbon和Susy。这意味着，所有这些框架都是用Sass编写的。它们只是有预定义的函数和mixin可以用来加速工作流程。

SCSS（Sassy Sass）只是Sass的新语法。它使用CSS语法。例如：

h2 {
  color: red;
}

另一方面，Sass使用一种不那么“严格”的语法：

h2 
  color: red

请注意，这里不使用括号和分号。另外，您需要使用缩进。

总之，无论您使用哪个框架或哪种Sass语法，都是您的选择！

- fmuser

---

这个回答有什么新的补充吗？ - cimmanon

我知道这并不新鲜，只是我的解释。 - fmuser

不要顶起旧问题，如果它们已经得到了充分/正确的答案。 - cimmanon

没问题，我回复的原因是因为之前的回答中没有看到绿色的勾选标志。 - fmuser