2

我正在尝试在一页上使用 3 个任何滑块的实例，但是我在设置每个滑块的样式时遇到了问题。

滑块的 ID 为：slider1、slider2 和 slider3

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

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

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

4

1 回答 1

2

希望我在csstricks 论坛中充分回答了您的问题。为了完整起见，这又是一次：

当前版本的 AnythingSlider 有一个theme选项，允许您更改页面上每个滑块的样式。然后对于 css，只需将该主题名称添加到外包装：

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

ETC...

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

于 2012-06-30T05:20:28.093 回答