jQuery：任何滑块 - 具有不同CSS样式的多个滑块

Question

我正在尝试在一个页面上使用Anything Slider的3个实例，但是我在设置每个滑块时遇到的问题与另一个不同。

滑块有id：slider1，slider2和slider3

因此，当我尝试以不同方式设置slider2的一部分时，例如：

#slider2 .anythingSlider-default.activeSlider .anythingWindow {}

它不起作用。关于如何实现这一点的任何想法？提前感谢您的时间和帮助。

Answer 1

希望我在csstricks forums中充分回答了你的问题。这是完整的再次：

  

AnythingSlider的当前版本具有允许的theme选项   您可以更改页面上每个滑块的样式。那么对于CSS，   只需将该主题名称添加到外部包装器：

.anythingSlider-theme1 {}
.anythingSlider-theme1.activeSlider {}
.anythingSlider-theme1.activeSlider .anythingWindow {}
.anythingSlider-theme2 {}
.anythingSlider-theme2.activeSlider {}

     

等...

     

您无法定位#slider2 ID，因为它位于.anythingWindow

内