하위 요소에 마우스를 올리면 상위 CSS가 변경됩니까?

저는 ZeroClipboard을 사용하여 클립 보드에 복사합니다. 이렇게하면 내 요소 위에 보이지 않는 플래시 무비가 놓여져 사용자 클립 보드에 액세스 할 수 있습니다.하위 요소에 마우스를 올리면 상위 CSS가 변경됩니까?

CSS에 문제가 있습니다. 여기

<li> 
    <div class="btn-holder"> 
     <div class="clipboard">copy to clipboard</div> 
    </div> 
</li>

는 CSS (SASS)입니다 :

나는처럼 보이는 요소, 목록을 가지고, 그것은 아이 .btn 홀더 요소는

li{ 
    &:hover .btn-holder{ 
     opacity: 1; 
    } 
} 

.btn-holder{ 
    opacity: 0; 
}

당신은 리튬 요소 위에 마우스를 올려이다 fade in.

내가 겪고있는 문제는 사용자가 플래시 동영상 (클래스 .clipboard로 div 위에 있음)을 가리키면 li 요소 위로 마우스를 올리면 오류가 발생하고 .btn-holder는 사라집니다. ut.

ZeroClipboard이 예상과는 공중 선회 때 클래스 것 호버 .clipboard에 있도록 요소에 클래스를 추가 한 :

zeroclipboard-is-hover

를이 클래스가있을 때 그래서 나는 CSS에이를 추가 할 수있는 방법 .clipboard에있는 .btn-holder는 사라지지 않습니다.

2014-10-16 panthro

@cimmanon – panthro

부모 요소를 선택하는 것이 일반적인 CSS 질문입니다. 당신은 플러그인에서 추가 수업을받는 것처럼 약간 독특하지만 부모 선택자에 대한 아이디어는 일반적으로 묻습니다. – geebru

현재 CSS (또는 SCSS)에서 상위 요소를 선택할 방법이 없습니다. .parent() 메소드를 통해 JS를 통해이 작업을 수행하고 호버 상태를 모방 한 활성 클래스를 추가해야합니다.

2014-10-16 15:06:34 geebru

답변