Sass转换延迟循环？答案

【问题标题】：Sass transition-delay loop?Sass转换延迟循环？
【发布时间】：2018-10-19 00:42:16
【问题描述】：

我通过 AJAX 将项目推送到一个数组中，并通过淡入淡出的过渡将它们每一个渲染到 DOM 中。这是我写的SASS 为每个后续项目添加一个很好的延迟：

  @for $i from 1 through 100 {
    .album:nth-of-type(#{$i}) {
      transition-delay: $i * 0.15s;
    }
  }

这按预期工作，但问题是，我一次对 6 个项目进行分页。这意味着在第一次获取 6 时，所有转换都按预期进行，但是当我获取下一个 6 时，而不是立即渲染，它们会受到 transition-delay 增量的影响。

正在寻找的是 SASS 逻辑，它基本上将为每 6 个实例/子级重置 transition-delay 增量。我如何做到这一点？

【问题讨论】：

【解决方案1】：

有效地实现了同样的事情，只生成了 6 条规则。 CSS 逻辑，而不是 SASS！

@for $i from 1 through 6 {
  .album:nth-of-type(6n + #{$i}) {
     transition-delay: $i * 0.15s;
  }
}

【讨论】：