一、了解它们的区别前,首先了解下什么是sass,什么是less
sass与less都是一种动态样式语言,对css赋予了一些动态语言特性,例如变量、继承、运算、函数等
二、它们的区别大致有以下几种:
1.编译环境不一样:
sass的安装需要Ruby环境的,是在服务端上处理的,而Less是需要引入less.js来处理Less代码输出css到浏览器,也可以在开发环节使用Less,然后编译成css文件,直接放到项目中。
2.变量符不一样:
Less是@,而Scss是$
3.输出设置
Sass提供4中输出选项:nested, compact, compressed 和 expanded.
4.Sass支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持。
5. 引用外部CSS文件
scss引用的外部文件命名必须以开头, 文件名如果以下划线开头的话,Sass会认为该文件是一个引用文件,不会将其编译为css文件.
6.Sass和Less的工具库不同
Sass有工具库Compass
Less有UI组件库Bootstrap
sass与less的区别 (精解版)
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 一. Sass/Scss、Less是什么? Sass (Syntactically Awesome Stylesh...
- CSS Preprocess Different 在前端界,有三大 CSS 预处理器,分别是 SASS(SCSS)...