將鼠標懸停在子元素上，在父級上更改CSS？

我正在使用ZeroClipboard複製到剪貼板。這會在我的元素上放置一個隱形Flash影片，這可以訪問用戶剪貼板。將鼠標懸停在子元素上，在父級上更改CSS？

我遇到了麻煩的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持有者不會淡出？

2014-10-16 panthro

請告訴我在@cimmanon – panthro 2014-10-16 15:13:56

之前詢問過的內容選擇父元素是一個常見的CSS問題。你從插件中獲得額外的課程時有點獨特，但通常會問父母選擇器的想法。 – geebru 2014-10-16 15:56:51

目前在CSS（或SCSS）中沒有辦法選擇父元素。你必須通過一個.parent()方法通過JS來做到這一點，並添加一個模仿你的懸停狀態的活動類。

2014-10-16 15:06:34 geebru

回答