指南针和无礼的区别？

上海社会科学院 CSS

乐卡卡西猿

2020-03-19

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

感谢您提供任何信息:)

第2227篇《指南针和无礼的区别？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共4个回答

小小 2020.03.19

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

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

h2 {
  color: red;
}

另一方面，Sass使用较少“严格”的语法：

h2 
  color: red

注意，不使用花括号和分号。另外，您必须使用缩进。

总结一下，您将选择哪种框架或使用哪种Sass语法！

TonyStafan 2020.03.19

我提供了TLDR答案：

指南针本质上是一个SASS库。它使用sass的原始语言并创建常见的可重用功能。

从网站：

指南针使用Sass。

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

理查德神乐老丝 2020.03.19

通常，“ Sass”是css预处理程序的名称-表示：一种对开发人员有用的工具，用于编写简短形式的占位符，这些占位符会自动编译为普通的CSS代码。Sass有两种编写简短形式代码的方式：SCSS和SASS。SCSS和SASS之间的区别非常简单：SCSS是具有附加功能的普通CSS。每个CSS文件都可以重命名为.scss并将进行验证。SASS通过跳过所有花括号来使用较短的写作形式。要将.css文件转换为有效的.sass文件，您需要更改css代码。

Compass是一个所谓的CSS框架，可通过命令行工具进行控制。Compass通过提供预定义的功能，mixin等来支持开发，以加快编码速度并防止编写错误。例如，罗盘允许您通过编写“ @include box-shadow（）;”来调用带有所有polyfill的box-shadow。通过使用“ compass compile”编译文件时，指南针本身会添加所有css代码。Compass是用于大型前端开发项目的最常用工具之一。

斯丁村村GO 2020.03.19

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