选择列表的后半部分并应用css

Question

经过一些研究后，我意识到用纯CSS选择动态列表的后半部分是不可能的。

我从另一个堆栈溢出中得到了这个，但我刚刚为wordpress添加了第一行和最后一行。

jQuery(function ($) {
var yourList = $(".supercarousel div");
yourList = yourList.slice(0, Math.floor(yourList.length/2));
});

我对jQuery并不是很擅长，我想做的是用display：none或其他方法隐藏列表的后半部分。

出于某种原因，我正在使用的旋转木马复制了图像，但我对其他旋转木马非常满意。

Answer 1

尝试在此上下文中使用:gt()选择器和.filter()来完成您的任务，

var yourList = $(".supercarousel div");
var len = yourList.length;   
yourList = yourList.filter(':gt('+ ((len/2) - 1) +')');

DEMO