Sass(Scss)中条件循环语句

2025-11-10 18:41:16

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)中条件循环语句

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢