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;
  }
}