Loops 有没有一种方法可以编写一个scss mixin来自动递增多个类

所以我尝试自动增加一个类，因为我希望它们具有相同的css属性。我不想写所有的css

.tab-content-1，
.tab-content-2，
.tab-content-3，
.tab-content-4，
.tab-content-5，
.tab-content-6，
.tab-content-7，
.tab-content-8，
.tab-content-9，
.tab-content-10{
z指数：1；
排名：0；
左：0；
不透明度：1；
-webkit变换：比例（1,1）；
-webkit变换：旋转（0度）；
}

第一组
第2组
第3组
第4组
第5组
第6组
第7组
第8组
第9分部
第10组

更新

我误解了这个问题。在这种情况下，您可以尝试

@extend

%foo {
  padding: 10px;
}

@for $i from 1 through 10 {
  .bar-#{$i} {
    @extend %foo;
  }
}

---

在不编写新声明的情况下，使用Sass循环仅递增选择器是不可能的。您可以对选择器使用一个变量，如下所示：

$j: 0;
.ff#{$j}, .ff#{$j+1}, .ff#{$j+2} ... {
  color: red;
}

但这并不能真正为您节省太多的复杂性

由于要对各种选择器使用相同的声明，请尝试使用本机：

---

这将选择任何以“tab content-”开头的类的div，而这不是我要寻找的将所有类分开放置的div。我想要el1，el2，el3{css属性}这正是我需要的，非常感谢！！！！我不知道sass有控制指令。。。（（回到所有以前的sass项目，神经质地修复问题））

$j: 0;
.ff#{$j}, .ff#{$j+1}, .ff#{$j+2} ... {
  color: red;
}

div[class^="tab-content-"] {
  background-color: red;
}