將CSS樣式應用於基於同一級別上的另一個類的類

我有一個jquery輪播應用一個'active'類到一個div中的圖像。在這個相同的div中，我也有一個'淡入淡出'類應用css風格的不透明度：0;我想知道是否有一種方式與CSS或JavaScript將span類的CSS樣式更改爲opacity：1;當圖像（與span標籤的水平相同時）將「主動」類應用於該圖像。將CSS樣式應用於基於同一級別上的另一個類的類

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

來源

2012-12-30 Tristan Martin

在CSS中使用adjacent sibling selector：

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

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

來源

2012-12-30 08:28:06 VisioN

，因爲它是一個jQuery旋轉木馬我想這應該是動態的。當活動類改變風格應該改變。 – Techie

@Dasun它將適用於動態元素：http://jsfiddle.net/QBfPg/1/。歡迎來到CSS的世界:) – VisioN

非常感謝它的效果很好，我不知道+選擇器 –

將CSS樣式應用於基於同一級別上的另一個類的類

回答

相關問題