Sass 如何枚举SCSS类
如何在Sass(scss)中用逗号分隔类,而不在编译代码中重复CSS本身 我有: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
@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;
}
当使用循环生成选择器时,不能执行此操作。