使用 CSS 预处理器的优缺点有哪些？(SASS，Compass，Stylus，LESS) 描述下你曾经使用过的 CSS 预处理的优缺点。

缺点：简单来说CSS预处理器语言较CSS玩法变得更高级了，但同时降低了自己对最终代码的控制力。更致命的是提高了门槛，首先是上手门槛，其次是维护门槛，再来是团队整体水平和规范的门槛。这也造成了初学学习成本的昂贵。

优点：用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。通俗的说，CSS预处理器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。CSS预处理器为CSS增加一些编程的特性，无需考虑浏览器的兼容性问题，例如你可以在CSS中使用变量、简单的逻辑程序、函数等等在编程语言中的一些基本特性，可以让你的CSS更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处。

http://www.w3cplus.com/css/css-preprocessor-sass-vs-less-stylus-2.html

http://www.oschina.net/question/12_44255?sort=default&p=4

Sass、Stylus是在服务区端运行的，而less是在客户端运行的

LESS中最好的一点是在样式表中使用Javascript——相当精彩。你可以使用表达式，也可以参考环境方向来使用反单引号。

1 2 3 4 5 6 7 8

@string: `'howdy'.toUpperCase()`; /* @string 变成 'HOWDY' */   /* 你也可以使用前面提到的插值： */ @string: 'howdy'; @var: ~`'@{string}'.topUpperCase()`; /* 变为 'HOWDY' */   /* 获取文档的信息 */ @height = `document.body.clientHeight`; 引用自http://www.qianduan.net/an-introduction-to-less-and-comparison-to-sass.html