Sass、Ruby、Nodejs、gulp

最新推荐文章于 2025-09-12 12:39:11 发布

转载最新推荐文章于 2025-09-12 12:39:11 发布 · 64 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/aligege/p/7605520.html

文章标签：

#ruby

本文介绍了Sass和SCSS两种CSS预处理器语言的特点及区别，涵盖了文件扩展名、语言特性、变量作用域等内容，并提供了Sass安装和使用的相关背景信息。

1、Sass文件就是普通的文本文件，不过其文件后缀名有两种，一种为“.sass”；另一种为“.scss”。我们一般用“.scss”就好，至于这两种文件扩展名的区别在于“.sass”是Sass语言文件的扩展后缀名，而“.scss”是SCSS语言文件的扩展后缀名，至于Sass和SCSS的详细区别这里不做介绍。你可以简单的理解为他们都是CSS预处理器语言，而且两者功能特性都一样，只是书写规则不同而以。

2、Sass是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样可以正常使用Sass。只是必须先安装Ruby，然后再安装Sass。

3、Sass中的变量不存在作用域的，按照从上到下的方式来解析，后解析到的会覆盖前面解析到的变量。

参考：

http://www.w3cplus.com/css/css-preprocessor-sass-vs-less-stylus-2.html

http://www.imooc.com/learn/364

转载于:https://www.cnblogs.com/aligege/p/7605520.html