當子元素被徘徊時，是否可以取消父級懸停樣式？

Question

父級和子級div都定義了懸停樣式，但我希望在子元素懸停時取消父級懸停樣式（僅使用css）。

可能嗎？

Answer 1

據我所知，顧名思義，級聯樣式表（css）只允許根據祖先設置子屬性。根據孩子選擇元素是不可能的。

簡而言之：

號

Answer 2

這裏是一個「騙」爲你想要的效果的一種方式。只是不能嵌套的父母和孩子，但他們可以分組在一個包含div。

JS Bin Sample

body{ 
    margin:0; 
} 
.parent{ 
    height:100px; 
    width:100px; 
    background-color:blue; 
} 
.child { 
    height:50px; 
    width:50px; 
    background-color:red; 
    position:absolute; 
    top:25px;; 
    left:25px; 
} 

.parent:hover { 
    background-color:green; 
} 
.child:hover { 
    background-color:yellow; 
} 

    <div> 
<div class="parent"> 
    </div> 
    <div class="child"> 

    </div> 
    </div>