Mac安装Sass介绍

由于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四种编译风格

1. nested 嵌套缩进分隔（默认）

   //sass --watch style.scss:style.css --style nested
   
   #main {
     color: #fff;
     background-color: #000; }
     #main p {
         width: 10em; }
   
   .default {
     border: