sass - sass/scss で @if 条件 && 条件を使用する方法

Question

私はこのループ/条件を使用する必要があります:

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

しかし、「&&」は Sass/Scss では機能しません...何か考えはありますか?

それから私はこれを試しました:

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

しかし、最後の「@else if」が機能していません!!

Answer 1

andSass の代わりに&&(および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との違いに注意してください: throughは Y を含み、toは Y を除外します。X through Y

Answer 2

できます ：

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