幻灯片导航中的问题

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是相当不错的。