css - 将鼠标悬停在父元素上时可以设置子元素的样式吗？

我想在触发.childElement时修改.parentElement:hover的样式。

像这样：

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

可能吗？

最佳答案

我认为您正在寻找：

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

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

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

关于css - 将鼠标悬停在父元素上时可以设置子元素的样式吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10359085/