Sass（Scss）中条件循环语句

1、@if . . . @else条件语句

（可以结合混合器一起写）

HTML

<div class="div1">if语句</div>

<div class="div2">if语句</div>

2、@if . . . @else if条件语句

HTML

<div>if语句</div>

3、@for循环语句（through）

@for $变量名 from 起始值 through 结束值

（through 包括结束值）

4、@for循环语句（to）

@for $变量名 from 起始值 to 结束值

（to 不包括结束值）

5、@while语句

（与for一样为循环语句）

6、@each语句

html

<ul>

       <li class="photo-a">图片as</li>

       <li class="photo-b">图片bs</li>

       <li class="photo-c">图片cs</li>

       <li class="photo-d">图片ds</li>

</ul>