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

Question

我正在尝试制作文本滑块，并且每个幻灯片只显示一个li项目。 li项目中的数据正在从数据库中提取并通过JS插入到DOM中。现在的问题是，所有的锂项目都在滑动时显示，当前elem显示在顶部。我如何确保每张幻灯片只有一个li项目用css显示？

我试图让li项显示：inline和float，但它没有帮助。

#slider ul li{display: inline} 

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

Answer 1

如果你谈论的是在旋转主体文本，你可以用

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