4

コンパイルされたコードで CSS 自体を繰り返さずに、Sass (scss) でクラスをコンマ区切りにするにはどうすればよいですか?

私は持っている:

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

生成する

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

でも私は〜がいい

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

ありがとう!

4

1 に答える 1

4

@extendの目的は次のとおりです。

%commonStyles {
    border: 1px solid;
}

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

生成:

.col1, .col2, .col3, .col4, .col5 {
  border: 1px solid;
}
于 2012-10-03T13:28:40.423 に答える