divにある画像に「アクティブ」のクラスを適用するjqueryカルーセルがあります。この同じ div には、css スタイルの不透明度を適用する「フェード」クラスのスパンもあります。CSS または JavaScript を使用して、スパン クラスの CSS スタイルを不透明度に変更する方法があるかどうか疑問に思っています。イメージ (span タグと同じレベルにある) に「アクティブ」クラスが適用されている場合。
<div>
<img src="image1" class="active">
<span class="fade">
<p>Text</p>
</span>
</div>