Question

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

感谢您提供任何信息：）

Answer 1

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

Answer 2

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

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

Answer 3

我提供了TLDR答案：

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

来自website：

指南针使用Sass。

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

Answer 4

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

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

h2 {
  color: red;
}

另一方面，Sass使用较少的＆＃34; strict＆＃34;语法：

h2 
  color: red

请注意，没有使用大括号和分号。此外，您必须使用缩进。

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

罗盘和萨斯之间的区别？

4 个答案: