关于less和sass基础知识的区别

"本文对比了Sass和Less两种CSS预处理器的差异。Sass使用$定义变量,提供条件语句和循环,支持@mixin和@include,而Less通过@定义变量,混合直接写为"."。Sass的文件扩展名为.sass和.scss,Less只有.less。Sass的继承使用@extend,Less使用()。"
摘要由CSDN通过智能技术生成

1.less:通过@开头来定义less变量  比如 :@w:400px(宽) @h:400px;(高)                                        sass:通过$开头来定义sass变量   比如:$w:400px  $h:400px

2.less的文件后缀名只有一种:.less                                                                                                    sass的文件后缀名有两种:.sass .scss   scss是文件的升级版 sass遵循缩进语法 scss比较常用

3.Sass支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持。

4.sass中的混合 前面必须加上@mixin 混合名 而你在less中的混合 则是直接 .混合名
在使用混合的时候 sass中 前面必须加上@include 而你在less则是直接使用

5.sass继承有一个关键词 extend,在sass中是 @extend .center;在sass中只能继承类
less继承是直接,center()

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值