동일한 레벨의 다른 클래스를 기반으로 한 클래스에 CSS 스타일 적용

div에있는 이미지에 '활성'클래스를 적용하는 jquery 캐 러셀이 있습니다. 이 div에서 나는 또한 불투명도의 CSS 스타일을 적용하는 '페이드'클래스가있는 범위를가집니다. CSS 또는 자바 스크립트로 span 스타일의 CSS 스타일을 불투명도로 변경하는 방법이 있는지 궁금합니다. 1; 이미지 (span 태그의 같은 레벨에있는)에 'active'클래스가 적용되었을 때. CSS를 사용 adjacent sibling selector에서동일한 레벨의 다른 클래스를 기반으로 한 클래스에 CSS 스타일 적용

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

출처

2012-12-30 Tristan Martin

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 스타일 적용

답변

관련 문제