Sass(Scss)中条件循环语句

时间:2026-02-14 06:32:40

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

(可以结合混合器一起写)

HTML

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

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

Sass(Scss)中条件循环语句

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

HTML

<div>if语句</div>

Sass(Scss)中条件循环语句

3、@for循环语句(through)

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

(through 包括结束值)

Sass(Scss)中条件循环语句

4、@for循环语句(to)

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

(to 不包括结束值)

Sass(Scss)中条件循环语句

5、@while语句

(与for一样为循环语句)

Sass(Scss)中条件循环语句

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>

Sass(Scss)中条件循环语句

© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com