jQuery：任何滑塊 - 具有不同CSS樣式的多個滑塊

Question

我試圖在一個頁面上使用任何滑塊的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