由于Sass是用Ruby语言开发出来的,所有安装Sass必须先安装Ruby,但是Mac自带Ruby,执行以下命令查看版本
ruby -v
使用Ruby的gem软件包管理工具执行以下命令
gem install sass
安装好Sass之后执行命令查看版本信息
sass -v
Sass的文件的后缀名有两种形式:.sass和.scss。这两种的区别在于.sass文件对代码的排版有着非常严格的要求,而且没有大括号,没有分号。常用的是Scss文件格式
Scss文件代码
.a {
color: blue;
font-weight: bold;
text-decoration: underline;
.b {
color: black;
}
}
Sass代码
.div
color: blue
.b
color: black
font-weight: bold
text-decoration: none
.c
color: white
编译Sass方式有很多种,例如koala,nodejs,在线编译,编辑器插件编译等等,这里介绍的是使用命令行
Sass四种编译风格
nested 嵌套缩进分隔(默认)
//sass --watch style.scss:style.css --style nested #main { col