指南针和sass的区别？

Posted 2023-03-07

【中文标题】指南针和sass的区别？

【英文标题】：Difference between compass and sass?

【发布时间】：2011-05-05 16:34:45

【问题描述】：

我知道这是一个愚蠢的问题，但我一直在搜索 Google，但找不到任何答案：/ 那么 SASS 和 Compass、SASS 和 SCSS 之间有什么区别？我对此感到非常困惑。

感谢您提供任何信息:)

【参考方案1】：

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

【讨论】：

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

【参考方案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();”来调用带有所有 polyfill 的 box-shadow。在使用“compass compile”编译文件时，所有 css 代码都是由 compass 本身添加的。 Compass 是用于大型前端开发项目的最常用工具之一。

【参考方案3】：

我提供了一个 TLDR 答案：

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

来自website：

Compass 使用 Sass。

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

【参考方案4】：

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

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

h2 
  color: red;

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

h2 
  color: red

注意，没有使用大括号和分号。另外，你必须使用缩进。

总而言之，你将使用什么框架或 Sass 语法，这是你的选择！

【讨论】：

这如何在现有答案之上添加任何内容？

我知道这不是什么新鲜事，只是我自己的解释。

如果老问题已经得到充分/正确的回答，请不要乱问。

没问题，我之所以回复是因为我在之前的任何答案中都没有看到绿色的勾号。