我正在使用" slick" (http://kenwheeler.github.io/slick/)用于同一页面上的多个滑块。现在我想为每个滑块设置不同的CSS样式,以便我可以更改每个滑块的箭头样式。我在谷歌上找不到任何东西。有人知道我该怎么做吗?
感谢您的帮助,问候 托马斯
答案 0 :(得分:1)
使用自己的ID(id="slider-1"
,id="slider-2"
等)将每个滑块包裹在div中,
然后创建多个css规则:
// first slider
#slider-1 button.slick-prev {
...
}
#slider-1 button.slick-next {
...
}
// second slider
#slider-2 button.slick-prev {
...
}
#slider-2 button.slick-next {
...
}
/* etc.*/