less 和 sass 的区别

发布时间 2023-08-04 11:16:10作者: Zzxzzx999

一、编译环境不同?

(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