Sass 是什么
简单来说就是一种CSS预处理器，维基百科上关于Sass 的介绍如下
Sass 是一个 CSS 的扩展，它在 CSS 语法的基础上，允许您使用变量 (variables), 嵌套规则 (nested rules), 混合 (mixins), 导入 (inline imports) 等功能，令 CSS 更加强大与优雅。使用 Sass 以及 Compass 样式库 有助于更好地组织管理样式文件，以及更高效地开发项目。
使用Sass
原版的Sass使用之前需要安装Ruby（因为这是Ruby社区发明的），所以我们去使用Node社区重写的Sass ，这样你就可以使用npm安装
npm install -g node-sass
注意：使用这行命令之前确保你的npm源已经切换为淘宝镜像，否者很有可能发生意想不到的后果
Sass和Scss
Sass 的语法：
body
p
color:red
Scss 的语法：
body{
p{
color:red;
}
}
Sass 有两种语法格式，SCSS(Sassy CSS)和缩进语法(Indented Sass)，SCSS是Sass 3引入的新语法，Sass 语法只要添加花括号和分号就能转化为SCSS语法，至于Ruby社区为什么会多此一举发明两种写法，仅仅只是为了迎合前端程序员喜好。
这是一篇入门文章，只是让你简单的理解Sass是什么，更深入的使用请查看Sass中文官方文档进行学习。
网友评论