将鼠标悬停在子元素上，在父级上更改CSS？

Question

我正在使用ZeroClipboard复制到剪贴板。这会在我的元素上放置一个隐形Flash影片，这可以访问用户剪贴板。

我遇到了麻烦的CSS。

我有一个列表，包含元素看起来像：

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

这里的CSS（SASS）：

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

.btn-holder{ 
    opacity: 0; 
} 

当你将鼠标悬停在一个li元素，其子.btn保持元件淡入英寸

我遇到的问题是，当用户悬停在Flash电影（这是与类.clipboard的div），悬停在李元素失败，并且.btn持有人淡入淡出o UT。

ZeroClipboard预料到这一点，并增加了一个类的元素，当它盘旋着，所以悬停.clipboard将有一个类：

zeroclipboard-is-hover 

我如何可以将它添加到CSS，这样，当这个类是出现在.clipboard上，.btn持有者不会淡出？

Answer 1

目前在CSS（或SCSS）中没有办法选择父元素。你必须通过一个.parent()方法通过JS来做到这一点，并添加一个模仿你的悬停状态的活动类。