如何枚舉SCSS類

Question

如何在逗號分隔Sass（s​​css）中的類而不在編譯的代碼中重複CSS本身？

我：

@for $i from 1 through ($maxcolumns){ 
    .col#{$i}{ 
    //code for all columns 
    } 
} 

產生

.col1{ 
    //code 
} 
.col2{ 
    //code 
} 

但我更喜歡

.col1, .col2, ...{ 
    //code 
} 

謝謝！

Answer 1

這@extend是什麼：

%commonStyles { 
    border: 1px solid; 
} 

@for $i from 1 through 5 { 
    .col#{$i}{ 
    @extend %commonStyles; 
    } 
} 

生成：

.col1, .col2, .col3, .col4, .col5 { 
    border: 1px solid; 
}