首先,sass和less都是css的预编译处理语言,他们引入了mixins,参数,嵌套规则,运算,颜色,名字空间,作用域,JavaScript赋值等 加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用,但是他们两者有什么不同呢?
1.编译环境不同
less是通过js编译 是在客户端处理
sass是通过ruby 是在服务器端处理
2.变量符不一样
less是用@
sass是用$
3.sass支持条件语句,可以使用if else for循环等 但是less不支持
4.Lee没有输出设置,sass提供4种输出选项:nested,compact,compressed和expanded。
输出样式的风格可以有四种选择,默认为nested
nested:嵌套缩进的css代码
expanded:展开的多行css代码
compact:简洁格式的css代码
compressed:压缩后的css代码
5.sass和less的工具库不同
sass有工具库Compass,简单的说,Sass和Compass的关系类似于像Javascript和Jquery的关系,Compass在Sass的基础上,封装了一系列有用的模块和模板,补充强化了Sass的功能。
Less有UI组件库Bootstrap,Bootstrap是web前端开发中一个比较有名的前端UI组件库,Bootstrap的样式文件部分源码就是采用Less语法编写。
Less和Sass的区别
最新推荐文章于 2024-04-07 08:31:09 发布