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