Css：hover從父容器中刪除所有其他樣式

Question

正如我在this pen中所演示的，我遇到了鏈接的懸停樣式帶走了它所在div的樣式的問題。但問題消失了，如果我將#div div {background-color:blue; }的樣式更改爲div {background-color:blue; }。

Answer 1

只需刪除CSS中的第二個div即可。你的問題是由#div div在CSS中引起的，實際上意味着div div INSIDE父div。現在你沒有那個。

#div { 
 
    background-color: blue; 
 
} 
 
a:hover { 
 
    color: red; 
 
}

<div id="div"> 
 
    <a>Yo!</a> 
 
</div>