关于less和sass你了解多少!

2018-11-23  本文已影响0人  Cee_1997

      小编最近又学习了less和sass语言,下面是我对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{}循环等等。

上一篇 下一篇

猜你喜欢

热点阅读