首页 > 其他分享 >SASS与LESS的区别

SASS与LESS的区别

时间:2022-11-15 16:45:57浏览次数:48  
标签:文件 SASS Sass Less LESS 代码 区别 输出 css

1.编译环境不一样

sass的安装需要Ruby环境的,是在服务端上处理的;
而less是需要引入less.js来处理Less代码输出css到浏览器中的,也可以在开发环境中使用Less,然后编译成css文件,直接放到项目里

2.变量符不一样

Less的变量符是@,而Scss的变量符号是$

3.输出设置不一样

Less没有输出设置

Sass提供四种输出选项:
nested: 嵌套缩进的css代码
expanded:展示的多行css代码
compact:简洁格式的css代码
conpressed: 压缩后的css代码

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

5.引入外部CSS文件

scss引用的外部文件命名必须以开头,文件名如果以下划线开头的话,Sass会认为该文件是一个引用文件,不会将其编译为css文件

6.Sass和Less的工具库不同

Sass有工具库 Compass
Less有UI组件库Bootstrap

标签:文件,SASS,Sass,Less,LESS,代码,区别,输出,css
From: https://www.cnblogs.com/w-y-l-1/p/16892917.html

相关文章

  • 异步和多线程有什么区别
    一、异步和多线程有什么区别?其实,异步是目的,而多线程是实现这个目的的方法。 多线程和异步操作两者都可以达到避免调用线程阻塞的目的,从而提高软件的可响应性。甚至......
  • 009网页状态码302和307的区别
    状态码307与302之间的唯一区别在于,当发送重定向请求的时候,307状态码可以确保请求方法和消息主体不会发生变化 ......
  • 微信appid、openid、unionid的区别和关联
    来源:https://blog.csdn.net/qq_41990222/article/details/111587331applicationidentification(简称appid)是应用标识OpenID是一个以用户为中心的数字身份识别框架Un......
  • Java String类的isEmpty(),null的区别
    JavaString类的isEmpty(),null的区别一、理解isEmpty()完全等同于string.length()==0若String对象本身是NULL,即字符串对象的引用是空指针,那在使用String.isEmpty()方法......
  • 指针与数组的区别
    内存分配方式有三种:(1)从静态存储区域分配。例如全局变量,static变量,常量字符串。(2)在栈上创建。函数内局部变量的存储单元都可以在栈上创建(3)从堆上分配,亦称动态内存分配。用m......
  • 面试官:vue2和vue3的区别有哪些?
    一、Vue3与Vue2区别详述1.生命周期对于生命周期来说,整体上变化不大,只是大部分生命周期钩子名称上+“on”,功能上是类似的。不过有一点需要注意,Vue3在组合式API(Comp......
  • set_false_path和set_clock_groups有什么区别? - 知乎
    时钟之间的关系在静态时序分析(STA)中起着至关重要的作用。由于1)时钟数量增多2)不同的时钟产生电路3)时钟域交互之间的交互当前ASIC设计具有高度复杂的时钟方案。高效率的......
  • 【链接库】静态库与动态库区别?
    在C语言中,函数库分为两种类型,一种是静态库(库程序是直接注入目标程序,不分彼此,库文件通常以.a结尾),另一种为动态库(库程序是在运行目标程序时加载,库文件通常以.so结尾)。文......
  • android:layout_gravity 和 android:gravity 的区别
    gravity这个英文单词是重心的意思,在这里就表示停靠位置的意思。android:layout_gravity和android:gravity的区别从名字上可以看到,android:gravity是对元素本身说的,元素......
  • 59.ref和reactive的区别
    首先,ref和reactive定义响应式数据的,&vue3中的数据分为2类,一类没有响应式数据第二类是响应式数据;如果没有使用ref或者reactive定义数据,那么默认是第一类没有响应......