Loops SASS/SCSS循环遍历同名的每个div，并在text之后添加content:

在SCS中是否可以循环通过一系列三个div，如：

<div class="video_holder">
   <div class="video_title"></div>
</div>

<div class="video_holder">
   <div class="video_title"></div>
</div>

<div class="video_holder">
   <div class="video_title"></div>
</div>

因此，对于每个div，我们从1.1开始，一直到1.x（无论需要什么）

---

基于我发现的其他循环，我似乎无法让任何东西正常工作

这只能用css完成，您不需要sass循环。您必须使用css计数器增量

首先将所有div包装到另一个div中：

<div class="video_counter_reset">
    <div class="video_holder">
       <div class="video_title"></div>
    </div>

    <div class="video_holder">
       <div class="video_title"></div>
    </div>

    <div class="video_holder">
       <div class="video_title"></div>
    </div>
</div>

阅读本文了解更多细节

但是有一种方法你可以用

<div class="video_counter_reset">
    <div class="video_holder">
       <div class="video_title"></div>
    </div>

    <div class="video_holder">
       <div class="video_title"></div>
    </div>

    <div class="video_holder">
       <div class="video_title"></div>
    </div>
</div>

.video_counter_reset {
    counter-reset: item;
}
.video_holder:after {
    counter-increment: item;
    content: "1." counter(item);
}