使用SASS的@for用于多个选择器和1个主体

时间:2016-04-07 11:32:51

标签: css sass

假设我想使用CSS生成以下SCSS

.selector-1,
.selector-2,
.selector-3,
.selector-4,
.selector-5 {
    color: blue;
}

你会如何在SCSS中写出来?使用此@for循环

@for $i from 1 through 5 {
  .selector-{$i} {
    color: blue;
  }
}

会自然产生

.selector-1 {
    color: blue;
}
.selector-2 {
    color: blue;
}
.selector-3 {
    color: blue;
}
.selector-4 {
    color: blue;
}
.selector-5 {
    color: blue;
}

这将是太多的代码。

0 个答案:

没有答案