sass与scss的区别
来源:互联网 发布:gson解析复杂的json 编辑:程序博客网 时间:2024/04/29 16:16
用了很久css预编译器,但是一直不太清楚到底用的sass还是scss,直到有天被问住了有点尴尬,找了个教程撸了遍==。。。
- 异同:简言之可以理解scss是sass的一个升级版本,完全兼容sass之前的功能,又有了些新增能力。语法形式上有些许不同,最主要的就是sass是靠缩进表示嵌套关系,scss是花括号
//sass 太费眼了.father width:100px; .son width:50px;//scss 适合我这种眼瘸手残患者.father{ width:100px; .son{ width:50px; }}
2 scss功能很强大的样子,能做运算、写函数啥的,但是我只是作为语法糖用而已,只看了些基础功能
我个人常用的功能有:
- 嵌套
- 变量 $color : #111111;
- 混入 @mixin
- 继承 @extend
3.一个关于@mixin、@extend、%placeholder的适用场景总结
- mixin 可以传变量
- extend 不可以传变量,相同样式直接继承,不会造成代码冗余;基类未被继承时,也会被编译成css代码
- placeholder 基类未被继承时不会被编译成css代码
慕课网的总结:
阅读全文
0 0
- SASS与SCSS的区别
- sass与scss的区别
- Sass 其与SCSS区别
- Sass 和 SCSS的区别
- scss 与sass的关系?
- sass/scss 和 less的区别
- sass/scss 和 less的区别
- sass/scss 和 less的区别
- sass/scss 和 less的区别
- sass scss区别
- SCSS 和 Sass 区别
- Sass 与 SCSS
- Sass 和 SCSS 有什么区别?
- SASS\SCSS 避免运算的方法
- SASS、SCSS和css的关系
- Sass与less的区别
- Sass/Scss基础——rem与px的自动转换
- gulp-ruby-sass与gulp-sass的区别
- String和StringBuilder的本质区别
- Python绘制曲面和曲面对应的等高线图
- 12 C++标准库中STL体系结构简介(学自Boolean)
- 汇编中断中显示属性字节(一般为BL)的学习笔记
- POJ---1384Piggy-Bank (完全背包+装满问题)
- sass与scss的区别
- codeforces Pride 892C
- 二:Python发展史
- 死锁
- Centos7.0上用docker下搭建codis集群
- BFS-迷宫问题
- ElementUI案例演示:导航、布局、加载动画
- 三:Python 2 or 3?
- hdoj-1035Robot Motion