罗盘和萨斯之间的区别？

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答案:

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

来自网站:

指南针使用Sass.

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

Answer 4

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

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

h2 {
  color: red;
}

另一方面,Sass使用较少的"严格"语法:

h2 
  color: red

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

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