谈谈less与sass

介绍:

less和sass都可以视为一种基于CSS之上的高级语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,作用域,JavaScript赋值等,加快了css的开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用。sass的功能比less强大,基本上可以说是一种真正的编程语言了,less则相对清晰明了,易于上手。


 二者的区别:

  1. 实现方式不同。less是基于JavaScript运行,所以less是在客户端处理。而sass的安装需要Ruby,是在服务端处理的。
  2. 变量。less是以@开头定义的变量,如:@mainColor:#339;    而sass是以$开头定义的变量,如:$mainColor:#339;
  3. 输出设置。less没有输出设置,而sass提供了4种输出设置。nested,compact, compressed和expanded。默认为nested。
  4. 条件语句。less不支持条件语句,而sass可以使用if{}else{},for{}循环等等。

 

你可能感兴趣的:(谈谈less与sass)