從左到右滑動列表項時只顯示一個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; 
}