2017-07-18 25 views
0

隨着SASS @for環路​​我想每一個級別乘以應用填充(像素單元)到我的清單的幫助,但它給我的原始輸出。我SASS代碼:我想在上海社會科學院與繁殖填充for循環,但它不是發生

@for $i from 1 through 5 { 
.chapter-summary { 
    &:nth-child(#{$i}) { 
     padding-bottom: (10px) * #{$i}; 
    } 
} 

}

及其給我下面的輸出:

.chapter-summary:nth-child(1) { 
    padding-bottom: 10px * 1; 
} 

.chapter-summary:nth-child(2) { 
    padding-bottom: 10px * 2; 
} 

.chapter-summary:nth-child(3) { 
    padding-bottom: 10px * 3; 
} 

.chapter-summary:nth-child(4) { 
    padding-bottom: 10px * 4; 
} 

.chapter-summary:nth-child(5) { 
    padding-bottom: 10px * 5; 
} 

需要一個解決方案

回答

1

好guyz我得到了解決,這是因爲以下幾點:

@for $i from 1 through 5 { 
    .chapter-summary { 
     &:nth-child(#{$i}) { 
      padding-bottom: #{$i * 10px}; 
     } 
    } 
} 
相關問題