less与sass的区别

1.编译环境不同

Less是基于JavaScript，是在客户端处理的。

Sass是基于Ruby的，是在服务器端处理的。

2.LESS和SASS文件后缀名区别

1.LESS以.less结尾
2.SASS以.sass或者.scss结尾
3.两种不同结尾方式区别:
0) scss是sass的升级版因为我们的sass他对语法要求极为严格遵循缩进语法子级必须在父级的下一层缩进
1）.sass结尾以缩进替代{}表示层级结构, 语句后面不用编写分号
2）.scss以{}表示层级结构, 语句后面需要写分号
3） scss相对于sass来说对程序员的编程更友好并且更好的支持
4）如果需要使用考拉编译sass文件,项目目录结构中(包含文件名) 不能出现中文和特殊字符

3.变量符不一样

插值
在less中 变量插值的定义是 @d:div; 使用  @{d}
在sass中 变量插值的定义 $d:div 使用#{$d}

变量在Less和Sass中的唯一区别就是Less用@，Sass用$

4.条件语句不同

sass支持条件语句，可以使用if{}else{},for{}循环。
less则不支持

5.输出设置

Less没有输出设置
Sass提供4中输出选项：nested, compact, compressed 和 expanded
nested：嵌套缩进的css代码
expanded：展开的多行css代码
compact：简洁格式的css代码
compressed：压缩后的css代码

总结

不管是Sass，还是Less，都可以视为一种基于CSS之上的高级语言，其目的是使得CSS开发更灵活和更强大，总的来说，Less使用较Sass简单；Less环境较Sass简单； Sass功能较Less强大

less与sass的区别相关推荐

lass、paas、sass的区别
现在的公司用的是paas架构.于是自行补救了下关于laas.paas.sass的相关知识. 转载自阮一峰大佬.http://www.ruanyifeng.com/blog/2017/07/iaas-p ...
浅比一下，Less和Sass的区别
Less Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量.混合(mixin).函数等功能,让 CSS 更易维护.方便制作主题.扩充.Less 可以运行在 Node 或浏览 ...
IasS,CasS,PasS,SasS的区别
IasS: (Infrastructure-as-a-Service(基础设施即服务)) 租用的是硬件,服务器,物理机等 CasS: (container as a Service) 容器服务租用的 ...
lass和sass的区别
1.编译环境不同 less是通过js编译是在客户端处理 sass同通过ruby 是在服务器端处理 1 2 3 2.变量符不一样 less是用@,sass是用$ 1 3.sass支持条件语句,可以使用 ...
scss、sass 和 css 的区别
项目中,会经常使用诸如scss.sass的style样式,它们和css有什么区别呢? less大家应该都不陌生,同样的scss.sass一样,它们都可以称为:CSS预处理器语言. 简单来说,scss和 ...
sass 基础——回顾
1.webstorm 自动编译SASS 下载安装包 http://rubyinstaller.org/downloads/ 然后点击安装,路径为默认路径就行, 勾选以下两项 add Ruby exec ...
sass、scss、css、less
less.scss.sass都是CSS预处理器语言为什么要使用CSS预处理器? css缺点: (语法不够强大,比如无法嵌套书写,导致模块化开发中需要书写很多重复的选择器: 没有变量和合理的样式复用机 ...
对标以太坊的EOS再火，也拼不过InterValue的区块链4.0
链客,专为开发者而生,有问必答! 此文章来自区块链技术社区,未经允许拒绝转载. 2017年6月26日上线的数字货币EOS,仅用5天时间,就融了1.85亿美元,一举打破ICO的融资记录. 至2018年4 ...
2018前端常见问题整理
$HTML, HTTP,web综合问题 1.前端需要注意哪些SEO 合理的title.description.keywords:搜索对着三项的权重逐个减小,title值强调重点即可,重要关键词出现不要 ...

less与sass的区别

1.编译环境不同

2.LESS和SASS文件后缀名区别

3.变量符不一样

4.条件语句不同

5.输出设置

总结

less与sass的区别相关推荐

最新文章

热门文章