他们是css预处理器。他是css上的一种抽象层。它们是一种特殊的语法/语言编译成css。
例如less是一种动态样式语言，将css赋予了动态语言的特性，如变量，继承，运算，函数。less既可以在客户端上面运行（支持ie6+，webkit，firefox），也可以在服务器端运行（借助node.js）
为什么使用他们呢：
结构清晰，便于扩展。
可以方便的屏蔽浏览器私有语法化的差异，这一个不用多说，封装对浏览器语法差异的重复处理，减少了无意义的机械劳动。
可以轻松实现多重继承。
完全兼容css代码，可以方便的应用到老项目中。less只是在css语法上面做了扩展，所以老的css代码也可以与less代码一同编译。