从左到右滑动列表项时只显示一个li项

Question

我正在尝试创建一个文本滑块，我想每张幻灯片只显示一个li项目。 li项中的数据正从DB中获取并由JS插入到DOM中。现在的问题是所有的li项目都在滑动时显示，当前elem显示在顶部。我如何确保每张幻灯片只有一个li项目显示css？

我试图让li项目显示：内联和浮动，但它没有帮助。

mask_knans(a, 2)

[ True False False False  True  True  True  True False False  True  True]

以下是我正在测试的website。请帮助我了解我如何做到这一点或我在这里做错了什么。

Answer 1

如果您正在谈论旋转的主体中的文字，您可以隐藏第一个li以外的所有文字

#slider li:not(:first-child) {
    display: none;
}