リストアイテムを左から右にスライドさせるときにliアイテムを1つだけ表示する

Question

テキストスライダを作成しようとしていて、スライドごとに1つのアイテムしか表示しません。 li項目のデータはDBからフェッチされ、JSによってDOMに挿入されます。今の問題は、すべてのアイテムがスライド中に表示され、現在のアイテムが一番上に表示されていることです。どのように私は1つだけのリチウムアイテムがCSSでスライドごとに表示されることを確認できますか？

私はli項目を表示しようとしました：インラインと浮動ですが、助けにはなりませんでした。

#slider ul li{display: inline} 

ここでは、私がテストしているwebsiteです。どのように私がこれを行うことができるか、私がここで間違っていることを理解するのを助けてください。

Answer 1

あなたが回転し、本体内のテキストの話をしている場合は、あなたが

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