确实有关系，因为是同一个社区团队出来的。对于目前的几个流行 CSS 预处理器流派而言，时间线是这样的： 2006 年底，Sass 问世，取义为 “Syntactically Awesome Style Sheets”（即“语法上很棒的样式表”）。此版本是基于 Ruby 实现的编译器。最早是为了配合 HAML 而产生的（估计你都没听过这门语言，你可以想象成类似 Sass 缩进语法版本的 HTML）。这个时代前后端不分离才是主流，HAML 和 Sass 都是为了解决后端开发 Web 时的一些痛点而提出来的。 2007 年中，Less 问世，取义为 “Leaner Style Sheets”（即“更精简的样式表”）。这个就是基于 JS 实现的编译器，上手难度比 Sass 要低很多，所以迅速流行起来 —— Less 完全兼容 CSS 语法、还不用安装 Ruby 环境，那个时候 jQuery 还是主流呢，你让前端程序员懂怎么用 Ruby 可太难了。 2009 年中，Node.js 横空出世。记住这个里程碑的时间点。 2010 年初，Stylus 问世。这是一个来自 Node.js 社区的项目，一开始的设计目标就是与 Node.js 相结合，此时的 Sass 也好、Less 也罢，都与 Node.js 集成起来还比较麻烦，所以 Stylus 一开始也收获了一批拥趸。同年年中，Sass 社区受到 Less 和 Stylus 的影响（主要是 Less），发布了 SCSS。注意，官方的称呼里 Sass 后三个字母一直就是小写的，而 SCSS 一直就是全大写的，因为 SCSS 是 “Sassy CSS” 的缩写。Sass 和 SCSS 都是用的同一个编译器。至于二者语法上的区别，前面 @唯一丶已经提到过了，不再赘述。 2012 年初，Sass/SCSS 出现了基于 C++ 实现的新版编译器，即 node-sass。 2016 年底，Sass/SCSS 出现了基于 Dart 实现的新版编译器，即 dart-sass。至于 SCSS 怎么安装，前面已经提到过了，Sass/SCSS 用的是同一个编译器，装了 Sass 自然就也支持 SCSS 了。

scss和sass区别？scss怎么安装?为什么下图中好像scss和sass有点关系

2 个回答

然后去远足

✓ 已被采纳

确实有关系，因为是同一个社区团队出来的。

对于目前的几个流行 CSS 预处理器流派而言，时间线是这样的：

2006 年底，Sass 问世，取义为 “Syntactically Awesome Style Sheets”（即“语法上很棒的样式表”）。此版本是基于 Ruby 实现的编译器。最早是为了配合 HAML 而产生的（估计你都没听过这门语言，你可以想象成类似 Sass 缩进语法版本的 HTML）。这个时代前后端不分离才是主流，HAML 和 Sass 都是为了解决后端开发 Web 时的一些痛点而提出来的。
2007 年中，Less 问世，取义为 “Leaner Style Sheets”（即“更精简的样式表”）。这个就是基于 JS 实现的编译器，上手难度比 Sass 要低很多，所以迅速流行起来 —— Less 完全兼容 CSS 语法、还不用安装 Ruby 环境，那个时候 jQuery 还是主流呢，你让前端程序员懂怎么用 Ruby 可太难了。
2009 年中，Node.js 横空出世。记住这个里程碑的时间点。
2010 年初，Stylus 问世。这是一个来自 Node.js 社区的项目，一开始的设计目标就是与 Node.js 相结合，此时的 Sass 也好、Less 也罢，都与 Node.js 集成起来还比较麻烦，所以 Stylus 一开始也收获了一批拥趸。
同年年中，Sass 社区受到 Less 和 Stylus 的影响（主要是 Less），发布了 SCSS。注意，官方的称呼里 Sass 后三个字母一直就是小写的，而 SCSS 一直就是全大写的，因为 SCSS 是 “Sassy CSS” 的缩写。Sass 和 SCSS 都是用的同一个编译器。至于二者语法上的区别，前面 @唯一丶已经提到过了，不再赘述。
2012 年初，Sass/SCSS 出现了基于 C++ 实现的新版编译器，即 node-sass。
2016 年底，Sass/SCSS 出现了基于 Dart 实现的新版编译器，即 dart-sass。

至于 SCSS 怎么安装，前面已经提到过了，Sass/SCSS 用的是同一个编译器，装了 Sass 自然就也支持 SCSS 了。