我试图在一页上利用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
内部