使用CSS更改父級懸停子元素的類

Question

我有兩個div。 父分區有分類.parentClass和子分區有分類.childClass。還有一個類.hababa這不適用於任何divs。

是否有可能以類孩子DIV從.childClass到.hababa改變，當我徘徊在父DIV。 不使用JavaScript

筆記記錄我不想複製的.hababa內容喜歡 -

.parentClass:hover .childClass{ 
    //contents of .hababa 
} 

我只是想改變類孩子DIV的。

Answer 1

答案很簡單，NO（ISH）

但是，假設你想要的造型僅供參考（而不是DOM操作），如果你看一下你想要什麼accomplish-邏輯來做到這一點當您懸停時，您正嘗試將另一個班級替換爲另一個班級。

這是不一樣的做，例如：

.parentClass:hover .childClass, .hababa{ 
    /* this means that the child class styling matches hababa on hover */ 
} 

以上基本完成同樣的事情，有利於其他 - 移除一個類不刪除任何樣式規則，孩子的異常其中hababa沒有，所以沒有被覆蓋。

在這種情況下，你還需要一個規則來重置這些，例如：

.parentClass:hover .childClass{ 
    /* remove any rules not shared with hababa */ 
} 

Demo Fiddle