less和sass的区别有哪些?

less和sass的区别有哪些?下面本篇文章就来给大家介绍一下less与sass的相同点与不同点。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
在这里插入图片描述

一、less与sass分别是什么

1、less

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展,它可以运行在 Node 或浏览器端。

2、sass

Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 、嵌套 、混合 、导入 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。

二、less和sass的相同之处

Less和Sass在语法上有些共性,比如下面这些:

1、混入(Mixins)——class中的class;

2、参数混入——可以传递参数的class,就像函数一样;

3、嵌套规则——Class中嵌套class,从而减少重复的代码;

4、运算——CSS中用上数学;

5、颜色功能——可以编辑颜色;

6、名字空间(namespace)——分组样式,从而可以被调用;

7、作用域——局部修改样式;

8、JavaScript 赋值——在CSS中使用JavaScript表达式赋值。

三、less和sass的区别

【什么端】
Less是基于JavaScript,是在客户端处理的;
Sass是基于Ruby的,是在服务器端处理的。

【变量】
关于变量在Less和Sass中的唯一区别就是Less用@,Sass用$。

【输出设置】
Less没有输出设置,Sass提供4中输出选项:nested, compact, compressed 和 expanded。

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

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值