将CSS样式应用于基于同一级别上的另一个类的类

Question

我有一个jquery轮播，它将一个'active'类应用于div中的图像。在同一个div中，我还有一个带有'fade'类的span，它应用了不透明度的css样式：0;我想知道是否有一种方法使用CSS或javascript将span类的CSS样式更改为opacity：1;当图像（在span标签的同一级别上）应用了“active”类时。

<div> 
     <img src="image1" class="active">
     <span class="fade">
         <p>Text</p>
     </span>
</div>

Answer 1

在CSS中使用adjacent sibling selector：

img.active + span.fade {
    /* styles here */
}​

DEMO： http://jsfiddle.net/QBfPg/