突出显示滑块中的中间div

Question

我有一个名为lightSlider（http://sachinchoolur.github.io/lightslider/）的“产品”滑块，与原始版本相比，我希望它的行为有所不同。

此刻我的滑块如下所示： Link to screenshot - current。 我想突出显示第二个div（中间div），如果单击next（右/左箭头），那么我仍然希望中间div突出显示，如下所示： Link to screenshot - goal

我希望可以在javascript / jQuery中完成。但是我不知道从哪里开始使用javascript / jQuery，因为我仍然认为自己是初学者。

Answer 1

您不需要javascript或jquery。如果您查看元素[我使用了github上lightslider的示例]，则将active类添加到当前视图的第一个元素。

因此您只需添加CSS即可实现所需的功能。

li.item-c.lslide.active + li { // your highlight css properties }