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

Question

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

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

Answer 1

在 CSS 中使用相邻兄弟选择器：

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

演示：http: //jsfiddle.net/QBfPg/