我试图在一页上利用3个Anything Slider实例,但是在设置每个滑块的样式时却遇到问题。

滑块的编号为:slider1,slider2和slider3

因此,当我尝试为slider2的一部分设置不同的样式时,例如:

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


它不起作用。关于如何实现这一目标的任何想法?在此先感谢您的时间和帮助。

最佳答案

希望我在csstricks forums中充分回答了您的问题。为了完整起见,这里再次是:


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

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

  
  等等...
  
  您无法定位#slider2 ID,因为它位于.anythingWindow内部

10-06 01:12