的 @for 循环中有两种方式,如果条件为

作者: 前端  发布:2019-08-28

Sass的控制命令(循环),sass控制命令循环

@if
@if指令是一个SassScript,它可以根据条件来处理样式块,如果条件为true返回一个样式块,反之false返回另一个样式块。在Sass中除了@if,还可以配合@else if@else 一起使用。

 1 $lte7: true;
 2 $type: monster;
 3 .ib{
 4     display:inline-block;
 5     @if $lte7 {
 6         *display:inline;
 7         *zoom:1;
 8     }
 9 }
10 p {
11     @if $type == ocean {
12         color: blue;
13     } @else if $type == matador {
14         color: red;
15     } @else if $type == monster {
16         color: green;
17     } @else {
18         color: black;
19     }
20 }

编译成CSS:

1 //css style
2 .ib{
3     display:inline-block;
4     *display:inline;
5     *zoom:1;
6 }
7 p {
8     color: green; 
9 }

假设要控制一个元素隐藏或显示,我们就可以定义一个混合宏,通过 @[email protected] 来判断传进参数的值来控制 display 的值。如下所示:

 1 //SCSS
 2 @mixin blockOrHidden($boolean:true) {
 3     @if $boolean {
 4         @debug "$boolean is #{$boolean}";
 5         display: block;
 6     }
 7     @else {
 8         @debug "$boolean is #{$boolean}";
 9         display: none;
10     }
11 }
12 .block {
13     @include blockOrHidden;
14 }
15 .hidden{
16     @include blockOrHidden(false);
17 }

编译出来的CSS:

1 .block {
2     display: block;
3 }
4 .hidden {
5     display: none;
6 }

 

 

 

@for循环(上)
在 Sass 的 @for 循环中有两种方式

@for $i from <start> through <end>
@for $i from <start> to <end>
  • $i 表示变量
  • start 表示起始值
  • end 表示结束值

这两个的区别是关键字through表示包括end这个数,而to不包括end这个数。

从 <start> 开始循环,到 <end> 结束
如下代码,使用through关键字的例子:

1 @for $i from 1 through 3{
2     .item-#{$i} {width: 2em * $i;}
3 }

编译出来的 CSS:

1 .item-1 {
2     width: 2em;
3 }
4 .item-2 {
5     width: 4em;
6 }
7 .item-3 {
8     width: 6em;
9 }

从 <start> 开始(此处示例是1),一直遍历到 <end> (此处示例是3)。包括 <end> 的值。

to关键字的例子:

1 @for $i from 1 to 3{
2     .itme-#{$i} { width: 2 * $i;}
3 }

编译出来的 CSS:

1 .item-1 {
2     width: 2em;
3 }
4 .item-2 {
5     width: 4em;
6 }

循环从 <start> 开始,一直遍历循环到 <end> 结束。这种形式的循环只要碰到 <end> 就会停止循环(将不会遍历 <end> 值)。

@for循环(下)

@for应用在网格系统生成各个格子 class 的代码:

 1 //SCSS 
 2 $grid-prefix: span !default;
 3 $grid-width: 60px !default;
 4 $grid-gutter: 20px !default;
 5 %grid {
 6     float: left;
 7     margin-left: $grid-gutter / 2;
 8     margin-right: $grid-gutter / 2;
 9 }
10 @for $i from 1 through 12 {
11     .#{$grid-prefix}#{$i}{
12         width: $grid-width * $i   $grid-gutter * ($i - 1);
13         @extend %grid;
14     } 
15 }

编译出来的 CSS:

 1 .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
 2     float: left;
 3     margin-left: 10px;
 4     margin-right: 10px;
 5 }
 6 .span1 {
 7     width: 60px;
 8 }
 9 .span2 {
10     width: 140px;
11 }
12 .span3 {
13     width: 220px;
14 }
15 .span4 {
16     width: 300px;
17 }
18 .span5 {
19     width: 380px;
20 }
21 .span6 {
22     width: 460px;
23 }
24 .span7 {
25     width: 540px;
26 }
27 .span8 {
28     width: 620px;
29 }
30 .span9 {
31     width: 700px;
32 }
33 .span10 {
34     width: 780px;
35 }
36 .span11 {
37     width: 860px;
38 }
39 .span12 {
40     width: 940px;
41 }

 @for 循环指令除了可以从小数值到大数值循环之外,还可以从大数值循环到小数值。而且两种形式都支持(递增或递减)。

 

 

@while循环
@while指令也需要SassScript表达式(像其他指令一样),并且会生成不同的样式块,直到表达式值为false时停止循环。这个和@for指令很相似,只要@while后面的条件为true就会执行。
@while指令简单用例:

1 //SCSS
2 $types: 4;
3 $type-width: 20px;
4 @while $types > 0 {
5     .while-#{$types}{
6         width: $type-width   $types;
7     }
8     $types: $types - 1;
9 }

编译出来的 CSS:

 1 .while-4 {
 2     width: 24px;
 3 }
 4 .while-3 {
 5     width: 23px;
 6 }
 7 .while-2 {
 8     width: 22px;
 9 }
10 .while-1 {
11     width: 21px;
12 }

 

 

 

@each循环

@each循环就是去遍历一个列表,然后从列表中取出对应的值。
@each循环指令形式:

@each $var in <list>

 $var 就是一个变量名, <list> 是一个SassScript表达式,他将返回一个列表值。变量 $var 会在列表中做出遍历,并且遍历出与 $var 对应的样式块
这有一个 @each 指令的简单示例:

 1 $list: adam john wynn mason kuroir;//$list 就是一个列表
 2 
 3 @mixin author-images {
 4     @each $author in $list {
 5         .photo-#{$author} {
 6             background: url("/images/avatars/#{$author}.png") no-repeat;
 7         }
 8     }
 9 }
10 
11 .author-bio {
12     @include author-images;
13 }

编译出CSS:

 1 .author-bio .photo-adam {
 2     background: url("/images/avatars/adam.png") no-repeat;
 3 }
 4 .author-bio .photo-john {
 5     background: url("/images/avatars/john.png") no-repeat; 
 6 }
 7 .author-bio .photo-wynn {
 8     background: url("/images/avatars/wynn.png") no-repeat; 
 9 }
10 .author-bio .photo-mason {
11     background: url("/images/avatars/mason.png") no-repeat; 
12 }
13 .author-bio .photo-kuroir {
14     background: url("/images/avatars/kuroir.png") no-repeat; 
15 }

 

@if @if 指令是一个SassScript,它可以根据条件来处理样式块,如果条件为 true 返回一个样式块,反之...

@if

@if 指令是一个 SassScript,它可以根据条件来处理样式块,如果条件为 true 返回一个样式块,反之 false 返回另一个样式块。在 Sass 中除了 @if 之,还可以配合 @else if 和 @else 一起使用。

假设要控制一个元素隐藏或显示,我们就可以定义一个混合宏,通过 @if...@else... 来判断传进参数的值来控制 display 的值。如下所示:

//SCSS
@mixin blockOrHidden($boolean:true) {
  @if $boolean {
      @debug "$boolean is #{$boolean}";
      display: block;
    }
  @else {
      @debug "$boolean is #{$boolean}";
      display: none;
    }
}

.block {
  @include blockOrHidden;
}

.hidden{
  @include blockOrHidden(false);
}

编译出来的CSS:

.block {
  display: block;
}

.hidden {
  display: none;
}

@if

2015年10月21日

@for循环(上)

在制作网格系统的时候,大家应该对 .col1~.col12 这样的印象较深。在 CSS 中你需要一个一个去书写,但在 Sass 中,可以使用 @for 循环来完成。在 Sass 的 @for 循环中有两种方式:

@for $i from <start> through <end>
@for $i from <start> to <end>
  • $i 表示变量
  • start 表示起始值
  • end 表示结束值

这两个的区别是关键字 through 表示包括 end 这个数,而 to 则不包括 end 这个数。

如下代码,先来个使用 through 关键字的例子:

@for $i from 1 through 3 {
  .item-#{$i} { width: 2em * $i; }
}

编译出来的 CSS:

.item-1 {
  width: 2em;
}

.item-2 {
  width: 4em;
}

.item-3 {
  width: 6em;
}

再来个 to 关键字的例子:

@for $i from 1 to 3 {
  .item-#{$i} { width: 2em * $i; }
}

编译出来的 CSS:

.item-1 {
  width: 2em;
}

.item-2 {
  width: 4em;
}

@if 指令是一个 SassScript,它可以根据条件来处理样式块,如果条件为 true 返回一个样式块,反之 false 返回另一个样式块。在 Sass 中除了 @if 之,还可以配合 @else if 和 @else 一起使用。

@if

@if指令是一个SassScript,它可以根据条件来处理样式块,如果条件为true返回一个样式块,反之false返回另一个样式块。在Sass中除了@if之外,还可以配合@else if 和 @else 一起使用。

假设要控制一个元素隐藏或显示,我们可以定义一个混合宏,通过@if...@else...来判断传进参数的值来控制display的值。如下所示:

//SCSS
@mixin blockOrHidden($boolean:true){
      @if $boolean{
              @debug "$boolean is #{$boolean}";
                display: block;
          }
        @else{
              @debug: "$boolean is #{$boolean}";
              display: none;
            }
}
.block{
      @include blockOrHidden;
}
.hidden{
    @include blockOrHidden(false);
}

编译出来的CSS:

.block{
    display: block;
}
.hidden{
    display: none;
}

@for循环 (下)

上一小节的那个实例几乎用不着,哈哈,所以其实是没什么营养的东西,只是帮助理解了原来 @for 是这么回事。怎么的也不能就这么忽悠大家啊,大家好不容易抽空看下文章,就这么点扯淡的东西怎么对得住呢。下面再来个营养级别的,@for应用在网格系统生成各个格子 class 的代码:

//SCSS 
$grid-prefix: span !default;
$grid-width: 60px !default;
$grid-gutter: 20px !default;

%grid {
  float: left;
  margin-left: $grid-gutter / 2;
  margin-right: $grid-gutter / 2;
}
@for $i from 1 through 12 {
  .#{$grid-prefix}#{$i}{
    width: $grid-width * $i   $grid-gutter * ($i - 1);
    @extend %grid;
  }  
}

编译出来的 CSS:

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.span1 {
  width: 60px;
}

.span2 {
  width: 140px;
}

.span3 {
  width: 220px;
}

.span4 {
  width: 300px;
}

.span5 {
  width: 380px;
}

.span6 {
  width: 460px;
}

.span7 {
  width: 540px;
}

.span8 {
  width: 620px;
}

.span9 {
  width: 700px;
}

.span10 {
  width: 780px;
}

.span11 {
  width: 860px;
}

.span12 {
  width: 940px;
}

将上面的示例稍做修改,将 @for through 方式换成 @for to::

//SCSS
@for $i from 1 to 13 {
  .#{$grid-prefix}#{$i}{
    width: $grid-width * $i   $grid-gutter * ($i - 1);
    @extend %grid;
  }  
}

其最终编译出来的 CSS 代码和上例所编译出来的一模一样。

这两段 Sass 代码并无太多差别,只是 @for中的 <end> 取值不同。配合 through 的 <end> 值是 12,其遍历出来的终点值也是 12,和 <end> 值一样。配合 to 的 <end> 值是 13,其遍历出来的终点值是 12,就是 <end> 对就的值减去 1 。

假设要控制一个元素隐藏或显示,我们就可以定义一个混合宏,通过 @if...@else... 来判断传进参数的值来控制 display 的值。如下所示:

for循环(上)

在制作网格系统的时候,大家应该对.col1~.col12这样的印象较深。在CSS中你需要一个一个去书写,但在Sass中,可以使用@for循环来完成。在Sass的@for循环中有两种方式:

@for $i from <start> through <end>
@for $i from <start> to <end>

a)$i表示变量
b)start表示起始值
c)end表示结束值

这两个的区别是关键字through表示包括end这个数,而to则不包括end这个数。

如下代码,先来个使用through关键字的例子:

@for $i from 1 through 3{
      .item-#{$i} {width: 2em * $i;}
}

编译出来的CSS:

.item-1{
    width: 2em;
}
.item-2{
    width: 4em;
}
.item-3{
    width: 6em;
}

再来个to关键字的例子:

@for $i from 1 to 3{
      .item-#{$i} { width: 2em * $i; }
}

编译出来的CSS:

.item-1{
    width: 2em;
}
.item-2{
    width: 4em;
}

@while循环

@while 指令也需要 SassScript 表达式(像其他指令一样),并且会生成不同的样式块,直到表达式值为 false 时停止循环。这个和 @for 指令很相似,只要 @while 后面的条件为 true 就会执行。

这里有一个 @while 指令的简单用例:

//SCSS
$types: 4;
$type-width: 20px;

@while $types > 0 {
    .while-#{$types} {
        width: $type-width   $types;
    }
    $types: $types - 1;
}

编译出来的 CSS

.while-4 {
  width: 24px;
}

.while-3 {
  width: 23px;
}

.while-2 {
  width: 22px;
}

.while-1 {
  width: 21px;
}
//SCSS
@mixin blockOrHidden($boolean:true) {
  @if $boolean {
      @debug "$boolean is #{$boolean}";
      display: block;
    }
  @else {
      @debug "$boolean is #{$boolean}";
      display: none;
    }
}

.block {
  @include blockOrHidden;
}

.hidden{
  @include blockOrHidden(false);
}

for循环(下)

@for应用在网格系统生成各个格子class的代码:

//SCSS
$grid-prefix: span !default;
$grid-width: 60px !default;
$grid-gutter: 20px !default;

%grid{
    float: left;
    margin-left: $grid-gutter / 2;
    margin-right: $grid-gutter / 2;
}
@for $i from 1 through 12{
      .#{$grid-prefix}#{ $i }{
                  width: $grid-width * $i   $grid-gutter * ($i - 1);
                  @extend %grid;
          }
}

编译出来的CSS:

.span1, .span2, .span3, .span4, .span5,
.span6, .span7, .span8, .span9, .span10,
.span11, .span12{
      float: left;
      margin-left: 10px;
      margin-right: 10px;
}
.span1{
    width: 60px;
}
.span2{
    width: 140px;
}
.span3{
    width: 220px;
}
.span4{
    width: 300px;
}
.span5{
    width: 380px;
}
.span6{
    width: 460px;
}
.span7{
    width: 540px;
}
.span8{
    width: 620px;
}
.span9{
    width: 700px;
}
.span10{
    width: 780px;
}
.span11{
    width: 860px;
}
.span12{
    width: 940px;
}

将上面的示例稍作修改,将@for through 方式换成 @for to: :

//SCSS
@for $i from 1 to 13 {
    .#{$grid-prefix}#{$i}{
            width: $grid-width * $i   $grid-gutter * ($i - 1);
            @extend %grid;
        }
}

最终编译出来的CSS代码和上例所编译出来的一模一样。

这两段Sass代码并无太多差别,只是@for中的<end>取值不同。配合through的<end>值是12, 其遍历出来的终点值是13,其遍历出来的终点值是12, 就是<end>对就的值减去1。

@each循环

@each 循环就是去遍历一个列表,然后从列表中取出对应的值。

@each 循环指令的形式:

@each $var in <list>

如果你没有接触过列表,也不要紧,他也非常简单。

在下面的例子中你可以看到,$var 就是一个变量名,<list> 是一个 SassScript 表达式,他将返回一个列表值。变量 $var 会在列表中做遍历,并且遍历出与 $var 对应的样式块。

这有一个 @each 指令的简单示例:

$list: adam john wynn mason kuroir;//$list 就是一个列表

@mixin author-images {
    @each $author in $list {
        .photo-#{$author} {
            background: url("vatars/#{$author}.png") no-repeat;
        }
    }
}

.author-bio {
    @include author-images;
}

编译出 CSS:

.author-bio .photo-adam {
  background: url("vatars/adam.png") no-repeat; }
.author-bio .photo-john {
  background: url("vatars/john.png") no-repeat; }
.author-bio .photo-wynn {
  background: url("vatars/wynn.png") no-repeat; }
.author-bio .photo-mason {
  background: url("vatars/mason.png") no-repeat; }
.author-bio .photo-kuroir {
  background: url("vatars/kuroir.png") no-repeat; }

编译出来的CSS:

while循环

@while指令也需要SassScript表达式(像其他指令一样),并且会生成不同的样式块,直到表达式值为false时停止循环。这个和@for指令很相似,只要@while后面的条件为true就会执行。示例:

//SCSS
$types: 4;
$type-width: 20px;
@while $type > 0 {
    .while-#{$types}{
            width: $type-width   $types;
      }
      $types: $type - 1;
}

编译出来的CSS:

.while-4{
    width: 24px;
}
.while-3{
    width: 23px;
}
.while-2{
    width: 22px;
}
.while-1{
    width: 21px;
}
.block {
  display: block;
}

.hidden {
  display: none;
}

each循环

@each循环就是去遍历一个列表,然后从列表中取出对应的值。

@each 循环指令的形式:

@each $var in <list>

如果你没有接触过列表,也不要紧,他也非常简单。

在下面的例子中你可以看到,$var就是一个变量名,<list> 是一个SassScript表达式,他将返回一个列表值。变量$var 会在列表中做遍历,并且遍历出与$var对应的样式块。
示例:

$list: adam john wynn mason kuroir;  //$list就是一个列表
@mixin author-images{
      @each $author in $list{
              .photo-#{$author}{
                     background: url("vatars/#{$author}.png") no-repeat; 
               }
        }
}
.author-bio{
      @include author-images;
}

编译出CSS:
.author-bio .photo-adam{
background: url("vatars/adam.png") no-repeat;
}
.author-bio .photo-john{
background: url("vatars/john.png") no-repeat;
}
.author-bio .photo-wynn{
background: url("vatars/wynn.png") no-repeat;
}
.author-bio .photo-mason{
background: url("vatars/mason.png") no-repeat;
}
.author-bio .photo-kurior{
background: url("vatars/kurior") no-repeat;
}

@for循环(上)

在制作网格系统的时候,大家应该对 .col1~.col12 这样的印象较深。在 CSS 中你需要一个一个去书写,但在 Sass 中,可以使用 @for 循环来完成。在 Sass 的 @for 循环中有两种方式:

@for $i from <start> through <end>
@for $i from <start> to <end>
  • $i 表示变量
  • start 表示起始值
  • end 表示结束值

这两个的区别是关键字 through 表示包括 end 这个数,而 to 则不包括 end 这个数。

如下代码,先来个使用 through 关键字的例子:

@for $i from 1 through 3 {
  .item-#{$i} { width: 2em * $i; }
}

编译出来的 CSS:

.item-1 {
  width: 2em;
}

.item-2 {
  width: 4em;
}

.item-3 {
  width: 6em;
}

再来个 to 关键字的例子:

@for $i from 1 to 3 {
  .item-#{$i} { width: 2em * $i; }
}

编译出来的 CSS:

.item-1 {
  width: 2em;
}

.item-2 {
  width: 4em;
}

Sass的函数简介

在Sass中除了可以定义变量,具有@extend、%placeholder和mixins等特性之外,还自备了一系列的函数功能。其主要包括:
a)字符串函数
b)数字函数
c)列表函数
d)颜色函数
e)Introspection函数
f)三元函数等

当然除了自备的函数功能之外,我们还可以根据自己的需求定义函数功能,常常称之为自定义函数。
下面将给大家详细介绍前 4 种最常用的函数。

@for循环 (下)

上一小节的那个实例几乎用不着,哈哈,所以其实是没什么营养的东西,只是帮助理解了原来 @for 是这么回事。怎么的也不能就这么忽悠大家啊,大家好不容易抽空看下文章,就这么点扯淡的东西怎么对得住呢。下面再来个营养级别的,@for应用在网格系统生成各个格子 class 的代码:

//SCSS 
$grid-prefix: span !default;
$grid-width: 60px !default;
$grid-gutter: 20px !default;

%grid {
  float: left;
  margin-left: $grid-gutter / 2;
  margin-right: $grid-gutter / 2;
}
@for $i from 1 through 12 {
  .#{$grid-prefix}#{$i}{
    width: $grid-width * $i   $grid-gutter * ($i - 1);
    @extend %grid;
  }  
}

编译出来的 CSS:

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.span1 {
  width: 60px;
}

.span2 {
  width: 140px;
}

.span3 {
  width: 220px;
}

.span4 {
  width: 300px;
}

.span5 {
  width: 380px;
}

.span6 {
  width: 460px;
}

.span7 {
  width: 540px;
}

.span8 {
  width: 620px;
}

.span9 {
  width: 700px;
}

.span10 {
  width: 780px;
}

.span11 {
  width: 860px;
}

.span12 {
  width: 940px;
}

将上面的示例稍做修改,将 @for through 方式换成 @for to::

//SCSS
@for $i from 1 to 13 {
  .#{$grid-prefix}#{$i}{
    width: $grid-width * $i   $grid-gutter * ($i - 1);
    @extend %grid;
  }  
}

其最终编译出来的 CSS 代码和上例所编译出来的一模一样。

这两段 Sass 代码并无太多差别,只是 @for中的 <end> 取值不同。配合 through 的 <end> 值是 12,其遍历出来的终点值也是 12,和 <end> 值一样。配合 to 的 <end> 值是 13,其遍历出来的终点值是 12,就是 <end> 对就的值减去 1 。

字符串函数-unquote()函数

字符串函数顾名思意是用来处理字符串的函数。Sass 的字符串函数主要包括两个函数:
a)unquote($string):删除字符串中的引号;
b)quote($string):给字符串添加引号。

1.unquote( )函数
unquote() 函数主要是用来删除一个字符串中的引号,如果这个字符串没有带有引号,将返回原始的字符串。简单的使用终端来测试这个函数的运行结果:

//SCSS
.test1 {
    content:  unquote('Hello Sass!') ;
}
.test2 {
    content: unquote("'Hello Sass!");
}
.test3 {
    content: unquote("I'm Web Designer");
}
.test4 {
    content: unquote("'Hello Sass!'");
}
.test5 {
    content: unquote('"Hello Sass!"');
}
.test6 {
    content: unquote(Hello Sass);
}

编译后的 css 代码:

//CSS
.test1 {
  content: Hello Sass!; }

.test2 {
  content: 'Hello Sass!; }

.test3 {
  content: I'm Web Designer; }

.test4 {
  content: 'Hello Sass!'; }

.test5 {
  content: "Hello Sass!"; }

.test6 {
  content: Hello Sass; }

注意:从测试的效果中可以看出,unquote( ) 函数只能删除字符串最前和最后的引号(双引号或单引号),而无法删除字符串中间的引号。如果字符没有带引号,返回的将是字符串本身。

@while循环

@while 指令也需要 SassScript 表达式(像其他指令一样),并且会生成不同的样式块,直到表达式值为 false 时停止循环。这个和 @for 指令很相似,只要 @while 后面的条件为 true 就会执行。

这里有一个 @while 指令的简单用例:

//SCSS
$types: 4;
$type-width: 20px;

@while $types > 0 {
    .while-#{$types} {
        width: $type-width   $types;
    }
    $types: $types - 1;
}

编译出来的 CSS

.while-4 {
  width: 24px;
}

.while-3 {
  width: 23px;
}

.while-2 {
  width: 22px;
}

.while-1 {
  width: 21px;
}

@each循环

@each 循环就是去遍历一个列表,然后从列表中取出对应的值。

@each 循环指令的形式:

@each $var in <list>

如果你没有接触过列表,也不要紧,他也非常简单。

在下面的例子中你可以看到,$var 就是一个变量名,<list> 是一个 SassScript 表达式,他将返回一个列表值。变量 $var 会在列表中做遍历,并且遍历出与 $var 对应的样式块。

这有一个 @each 指令的简单示例:

$list: adam john wynn mason kuroir;//$list 就是一个列表

@mixin author-images {
    @each $author in $list {
        .photo-#{$author} {
            background: url("vatars/#{$author}.png") no-repeat;
        }
    }
}

.author-bio {
    @include author-images;
}

编译出 CSS:

.author-bio .photo-adam {
  background: url("vatars/adam.png") no-repeat; }
.author-bio .photo-john {
  background: url("vatars/john.png") no-repeat; }
.author-bio .photo-wynn {
  background: url("vatars/wynn.png") no-repeat; }
.author-bio .photo-mason {
  background: url("vatars/mason.png") no-repeat; }
.author-bio .photo-kuroir {
  background: url("vatars/kuroir.png") no-repeat; }

本文由9159.com发布于前端,转载请注明出处:的 @for 循环中有两种方式,如果条件为

关键词: 9159.com