如何遍历css中的x个项目？答案

【问题标题】：How to loop through x number of items in css?如何遍历css中的x个项目？
【发布时间】：2020-07-20 22:27:12
【问题描述】：

我有一个未知数量的项目列表，我想遍历所有项目并使用 CSS 为它们设置动画。我发现的所有 CSS 循环都是基于已知数量的项目，如果不知道要循环多少项目，我可以使用一个循环吗？

目前我的代码如下所示：

        @for $i from 1 through 10 {
            li:nth-child(#{$i}) {
                transition: all .3s ease-in;
                transition-delay: #{$i * .15s};
            }
        }

我需要此 sn-p 中的 10 为 x。

非常感谢任何意见。

【问题讨论】：

简短回答：否
@Jax-p 你有什么解决办法吗？
Javacript 是您的最佳选择

标签： css loops animation sass

【解决方案1】：

您想制作像滑块还是旋转木马？因为您可以尝试 OwlCarousel，它是一个库/插件，您可以在其中轻松循环。

https://owlcarousel2.github.io/OwlCarousel2/

【讨论】：