css - 親要素の上にカーソルを置いたときに子要素のスタイルを設定することはできますか?

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 は現在ネストをサポートしていませんが、計画中です。現在、提案されている構文は次のとおりです。

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