美文网首页
关于less和sass你了解多少!

关于less和sass你了解多少!

作者: Cee_1997 | 来源:发表于2018-11-23 20:01 被阅读0次

      小编最近又学习了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{}循环等等。

相关文章

网友评论

      本文标题:关于less和sass你了解多少!

      本文链接:https://www.haomeiwen.com/subject/zfjsqqtx.html