Css：hover从父容器中删除所有其他样式

Question

正如我在this pen中所展示的那样，我对链接的悬停样式有一个问题，即删除了它所处的div的样式。但是，如果我改变了样式，问题就会消失。 #div div {background-color:blue; }到div {background-color:blue; }。

Answer 1

只需删除CSS中的第二个div即可。您的问题是由CSS中的#div div引起的，实际上是指div INSIDE 父div。现在你还没有。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;