简单继承:
@extend 继承
编译后
关联属性继承:
编译后
链式继承:
编译后
伪类继承:
编译后
sass嵌套
编译后
相同的属性值前缀,也可以用嵌套
编译后
sass条件控制
@if @else if @else
编译后
条件判断语句也可以写在外面
编译后
循环
@for $i from n1 through n2 (包括n2)
@for $i from n1 to n2(不包括n2)
编译后
编译后
使用for循环遍历数组list
length(list) 获取数组长度
编译后
while循环
用的官方demo,编译居然报错了
好吧,原因是是$i: $i - 2 ,这个减号两边必须留空格!!!
改变了我多年的编码风格,真难受……
修改后:
编译后
使用each遍历map
编译后