sass继承+嵌套+条件控制

简单继承：

@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，编译居然报错了

 

 

使用each遍历map

 

 

编译后

 

 

 

 

来源：https://www.cnblogs.com/chenyingying0/p/12592279.html