幻燈片導航中的問題

Question

我有一個幻燈片（you can find the fiddle here），導航爲藍色，並且活動幻燈片帶有邊框。但我想用另一種顏色突出顯示活動幻燈片框。

我嘗試這樣做：

#cycle-nav ul li a:activeSlide { 
    background: #075262; 
} 

這是行不通的。我試圖添加不透明度，但它適用於所有框。 我該怎麼做？

Answer 1

爲了突出活動幻燈片的背景，你想

#cycle-nav ul li.activeSlide > a { 
    background: #075262; 
} 

爲了突出活動幻燈片的背景和應用不同的不透明度（demo jsfiddle），你想

#cycle-nav ul li > a { 
    opacity: 0.3; 
} 
#cycle-nav ul li.activeSlide > a { 
    background: #075262; 
    opacity: 1; 
} 

要回答2），我可能需要看一些示例代碼。我會盡快更新。你可能想看看media queries - this introduction是相當不錯的。