原文 )

Difference Between SASS and SCSS

SASS（Syntactically Awesome Style Sheets）是一种由 Hampton Catlin 设计、Chris Eppstein 和 Natalie Weizenbaum 开发的样式表语言。它是一种预处理器脚本语言，将被编译或解释为 CSS。Sass Script 自身就是一种脚本语言。它的 typing 规定是动静的。

SCSS 通常被称为 Sassy CSS，它是作为 SASS（Syntactically Awesome Style Sheets）的次要语法引入的，它建设在现有的 CSS 语法之上。它应用分号和括号，如 CSS（级联样式表）。SCSS 是 CSS 的超集，即所有 CSS 性能都将在 SCSS 中可用，并且蕴含 SASS（Syntactically Awesome Style Sheets）的一些性能。SCSS 使任何 CSS 术语都无效。

9 大区别：

区别 1

SASS 是 Syntactically Awesome Style Sheets，是 CSS 的扩大，提供嵌套规定、继承、Mixins 等个性，而 SCSS 是 Sassy Cascaded Style Sheets，与 CSS 相似，填补了 CSS 与 SASS 之间的空白和不兼容。它是在 MIT 许可下取得许可的。它首次呈现在 2006 年。

区别 2

SASS 更易于应用且语法更简略，因而无需应用分号、曲线、大括号等，而 SCSS 与 CSS 齐全兼容，文件扩大名为 .scss 类型。

区别 3

SASS 具备最好的编码标准和良好的官网文档的特点，而 SCSS 更容易学习开发代码。

区别 4

SASS 基于 javascript 并反对不同的语言扩大，领有本人的语法、开源 CSS 预处理器和高级性能，例如管制和指令及其库。

区别 5

SASS 更难通过重写代码与现有 CSS 我的项目集成，而 SCSS 通过采样增加新代码而不是重写现有代码库更容易与现有代码库集成。

区别 6

SASS 更易于应用、浏览和编写，而 SCSS 在实现代码方面更具逻辑性和复杂性。

区别 7

SASS 变量将以美元 ($) 符号结尾，而 SCSS 具备模块化性能，能够通过应用某种正文以更加模块化的形式组织代码。

区别 8

SASS 具备高级语法性能，并且其文件具备 .sass 扩展名，而 SCSS 具备相似每个无效 CSS 文件都是 SCSS 文件的性能。

区别 9

SASS 与 Ruby 类似，装置须要应用 Ruby，没有严格的代码缩进，而 SCSS 与 CSS 类似，无需任何额定装置或配置即可轻松应用。

区别 10

SASS 具备可在 CSS 文件的不同地位应用的部分和全局变量，而 SCSS 具备不同的变量，例如色彩变量，这些变量能够稍后在样式表中应用。

区别 11

SASS 具备嵌套性能，能够将 CSS 选择器嵌套显示在 HTML 中，并且难以保护较长的分层嵌套 CSS，而 SCSS 能够解决多个类和不同的嵌套款式。

区别 12

SASS 具备文档款式，它比 CSS 更好，并且具备色彩、属性和参数列表的操作性能，而 SCSS 语法具备边距、列表款式、填充、显示等。

区别 13

SASS 具备控制指令、性能指令、Mixins 并具备可扩大的个性，而 SCSS 能够与 SASS 一起应用来示意 CSS 相似的个性。

区别 14

在最后的开发之后，SASS 扩大到 SassScript。它反对跨平台操作系统。它受到 CSS、LESS、YAML 等的影响。这个 SASS 的文件扩展名是.scss 和.sass，它的官网实现也是一个应用 Ruby 开发的开源我的项目。

论断

SASS 与 SCSS 都是 CSS 预处理器，它们十分有用，可蕴含在基于 CSS 的 UI（用户界面）或前端框架中以简化开发。这些 SASS 与 SCSS 框架在以编程形式利用弱小的 CSS 性能时在高级别的 CSS 性能方面提供了弱小的性能。SASS 是一种 CSS 扩大，其中大部分性能都将被扩大，而 SCSS 是 CSS 的一种超集，其中 CSS 的所有性能都将在 SCSS 中。预处理器的抉择取决于通过以无效的形式做出衡量抉择来使应用程序高效工作所需的性能和个性。

与 SCSS 相比，SASS 更易于应用并且须要更少的语法或配置，举荐用于须要更快开发范畴和更容易开发简单组件的较大应用程序的状况，而 SCSS 能够用于优化 Mixin 个性的状况，以及许多其余无效技术。