less 和 sass 的区别
一、编译环境不同?
(1) less是通过js编译 在客户端处理
(2) sass是通过ruby编译 是在服务器端处理
二、变量符不一样
(1) less是使用@,sass是使用 $
三、使用方法
sass支持条件语句,可以使用if{}else{},for{}循环等等。而less不支持。
四、输出设置
less没有输出设置,sass提供4中输出选项:nested, compact, compressed 和 expanded。
输出样式的风格可以有四种选择,默认为nested
nested:嵌套缩进的css代码
expanded:展开的多行css代码
compact:简洁格式的css代码
compressed:压缩后的css代码
五、Sass和Less的工具库不同
(1)Sass有工具库Compass, 简单说,Sass和Compass的关系类似于像Javascript和jQuery的关系,Compass在Sass的基础上,封装了一系列有用的模块和模板,补充强化了Sass的功能。
(2)Less有UI组件库Bootstrap,Bootstrap是web前端开发中一个比较有名的前端UI组件库,Bootstrap的样式文件部分源码就是采用Less语法编写。
六、总结
less和sass各有各自的好处,二者的出现都是为了同一个目的:提高开发效率!每个开发者根据自己的习惯和爱好来选择。
————————————————
版权声明:本文为CSDN博主「h1227867772」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/h1227867772/article/details/119719120