我知道这是一个愚蠢的问题，但我一直在搜索谷歌，我找不到任何答案：/那么SASS和指南针，SASS和SCSS之间有什么区别？我对此感到非常困惑 .
谢谢你的任何信息:)
冒着过于简单化的风险，Compass是一个框架，而Sass是一种语言抽象 . 您在Compass上下文中编写Sass代码（并将其编译为标准CSS） . SCSS只是Sass语言的最新语法 . 据我所知，它的创建唯一的目的是在语法上更像CSS . Sass的所有语法糖，但对于熟悉CSS的前端开发人员来说更为熟悉 .
一般来说：“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是在大型前端开发项目中工作最常用的工具之一 .
我提供了TLDR答案：
Compass本质上是一个SASS库 . 它使用sass的原始语言并创建通用的可重用函数 .
来自website：
指南针使用Sass . Sass是CSS3的扩展，它添加了嵌套规则，变量，mixins，选择器继承等等 . Sass生成格式良好的CSS，使您的样式表更易于组织和维护 .
Compass是一个用Sass构建的框架 . 另一个流行的Sass框架是Bourbon和Susy . 这意味着，所有这些框架都是用Sass编写的 . 他们只有预定义的功能和mixins，可以用来加快您的工作流程 .
SCSS（Sassy Sass）只是Sass的新语法 . 它使用CSS语法 . 例如：
h2 { color: red; }
另一方面，Sass使用较少的“严格”语法：
h2 color: red
请注意，没有使用大括号和分号 . 此外，您必须使用缩进 .
总结一下，您将使用哪种框架或Sass语法，这是您的选择！
4 回答
冒着过于简单化的风险，Compass是一个框架，而Sass是一种语言抽象 . 您在Compass上下文中编写Sass代码（并将其编译为标准CSS） . SCSS只是Sass语言的最新语法 . 据我所知，它的创建唯一的目的是在语法上更像CSS . Sass的所有语法糖，但对于熟悉CSS的前端开发人员来说更为熟悉 .
一般来说：“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是在大型前端开发项目中工作最常用的工具之一 .
我提供了TLDR答案：
Compass本质上是一个SASS库 . 它使用sass的原始语言并创建通用的可重用函数 .
来自website：
Compass是一个用Sass构建的框架 . 另一个流行的Sass框架是Bourbon和Susy . 这意味着，所有这些框架都是用Sass编写的 . 他们只有预定义的功能和mixins，可以用来加快您的工作流程 .
SCSS（Sassy Sass）只是Sass的新语法 . 它使用CSS语法 . 例如：
另一方面，Sass使用较少的“严格”语法：
请注意，没有使用大括号和分号 . 此外，您必须使用缩进 .
总结一下，您将使用哪种框架或Sass语法，这是您的选择！