css - 幻灯片导航中的问题

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挺好的。