sass 跟 less 在项目使用选择时做了个比较，借鉴

LESS和Sass在语法上有些共性，比如下面这些：

     ● 混入(Mixins) ——class中的class；

     ● 参数混入 ——可以传递参数的class，就像函数一样；

     ● 嵌套规则 ——Class中嵌套class，从而减少重复的代码；

     ● 运算 ——CSS中用上数学；

     ● 颜色功能 ——可以编辑颜色；

     ● 名字空间(namespace) ——分组样式，从而可以被调用；

     ● 作用域 ——局部修改样式；

     ● JavaScript 赋值 ——在CSS中使用JavaScript表达式赋值。

     LESS和Sass的主要不同就是他们的实现方式，LESSS是基于JavaScript，所以，是在客户端处理的。

     另一方面，Sass是基于Ruby的，然后是在服务器端处理的。很多开发者不会选择LESS因为JavaScript引擎需要额外的时间来处理代码然后输出修改过的CSS到 浏览器 。关于这个有很多种方式，我选择的是只在开发环节使用LESS。一旦我完成了开发，我就复制然后粘贴LESS输出的到一个压缩器，然后到一个单独的CSS文件来替代LESS文件。另一个选择是使用 LESS.app 来编译和压缩你的LESS文件。两个选择都将最小化你的样式输出，从而避免由于用户的浏览器不支持JavaScript而可能引起的任何问题。尽管这不大可能，但终归是有可能的

    

     混入(mixin)

偶尔，我们会创建一些会在样式表中重复使用的样式规则。没有人会阻止你在一个HTML的元素中使用多个class，但是你可以用LESS，在样式表中完成。

.border {

border-top: 1px dotted #333;

}

article.post {

background: #eee;

.border;

}

ul.menu {

background: #ccc;

.border;

}

这可以给到你与你在两个元素中分别添加.bordered class同样的效果——而且仅仅在样式表中就完成了。而且它工作的很好：

文字和无序列表都被用上了边框样式

在Sass中，你要在样式规则前面添加@mixin声明，规定它是个嵌套。然后，通过@include来调用它。

@mixin border {

border-top: 1px dotted #333;

}

article.post {

background: #eee;

@include border;

}

ul.menu {

background: #ccc;

@include border;