将鼠标元素悬停在父元素上时，是否可以设置样式？

Question

我希望在.childElement被解雇时修改.parentElement:hover的样式。

这样的事情：

<style type="text/css">
.parentElement:hover {
  .childElement {
   display:block;
  }
}
</style>
<div class="parentElement">
  <div class="childElement"></div>
</div>

有可能吗？

Answer 1

我认为你在寻找：

.parentElement:hover .childElement {
  display:block;
}

注意： CSS当前不支持嵌套，it is planned。目前，建议的语法如下：

.parentElement:hover {
  /* Note the ampersand (&) */
  & .childElement {
   display:block;
  }
}