sass 和 scss

sass是一种对css的一种提升，可以通过编译生成浏览器能识别的css文件。sass技术的文件的后缀名有两种形式：.sass和.scss。这两种的区别在于.sass文件对代码的排版有着非常严格的要求，而且没有大括号，没有分号。

一个a.scss文件代码如下： 

Scss代码  

1. .a {  
2.     color: blue;  
3.     font-weight: bold;  
4.     text-decoration: underline;  
5.     .b {  
6.         color:black;  
7.     }  
8. }  

通过sass a.scss a.css编译出来的css文件为a.css： 

Css代码  

1. .a {  
2.   color: blue;  
3.   font-weight: bold;  
4.   text-decoration: underline; }  
5.   .a .b {  
6.     color: black; }  

但是这样的代码将后缀改成.sass就不能通过编译了。首先.sass不要大括号，其次不需要分号，还有行首空格问题，比如第一个元素的属性空2个空格就不能通过编译。.sass文件需要严格的格式要求： 

Sass代码  

1. .div  
2.  color: blue  
3.  .b  
4.   color: black  
5.   font-weight: bold  
6.   text-decoration: none  
7.   .c  
8.    color: white  

编译后： 

Css代码  

1. .div {  
2.   color: blue; }  
3.   .div .b {  
4.     color: black;  
5.     font-weight: bold;  
6.     text-decoration: none; }  
7.     .div .b .c {  
8.       color: white; }  

以下转载自：http://javaloverlover.iteye.com/blog/1603314