Sass 如何枚举SCSS类

Sass 如何枚举SCSS类,sass,Sass,如何在Sass(scss)中用逗号分隔类,而不在编译代码中重复CSS本身 我有: @for $i from 1 through ($maxcolumns){ .col#{$i}{ //code for all columns } } 产生 .col1{ //code } .col2{ //code } 但我更喜欢 .col1, .col2, ...{ //code } 谢谢 这就是@extend的作用: %commonStyles { border: 1

如何在Sass(scss)中用逗号分隔类,而不在编译代码中重复CSS本身

我有:

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

.col1{
  //code
}
.col2{
  //code
}
但我更喜欢

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

谢谢

这就是@extend的作用:

%commonStyles {
    border: 1px solid;
}

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

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

当使用循环生成选择器时,不能执行此操作。