Question

我需要使用这个循环/条件：

@for $i from 1 to 6 {
    @if $i == 1 {
        /* ..... */           
    }@else if $i > 1 && $i < 6 {
        /* ..... */ 
    }@else if $i == 6{
        /* ..... */
    }
 }

但是“＆amp;＆amp;”不在Sass / Scss工作......任何想法？

然后我试了一下：

 @for $i from 1 to 6 {
    @if $i == 1 {
        /* ..... */           
    }@else if $i > 1 {
        /* ..... */ 
    }@else if $i > 5{
        /* ..... */
    }
 }

但最后“@else if”无效!!

Answer 1

您希望在Sass中使用关键字and而不是&&（以及or而不是||）：

@for $i from 1 to 6 {
    @if $i == 1 {
        /* ..... */           
    }@else if $i > 1 and $i < 6 {
        /* ..... */ 
    }@else if $i == 6{
        /* ..... */
    }
}

尽管如此，你的代码会更有意义：

/* ..... */ // first          
@for $i from 2 through 5 {
    /* ..... */ 
 }
/* ..... */ // sixth

注意循环中X to Y和X through Y之间的区别：到包括Y，到不包括Y.

Answer 2

它有效：

 @for $i from 1 to 6 {
   @if $i == 1 {
       /* ..... */           
   }@else if $i < 5 {
       /* ..... */ 
   }@else {
       /* ..... */
   }
 }

如何使用@if condition＆amp;＆amp; sass / scss中的条件

2 个答案: