Sass过渡延迟循环？

Question

我正在通过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增量。 我该如何完成？

Answer 1

仅生成6条规则即可有效实现同一目标。 CSS逻辑，而不是SASS！

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