css - 将鼠标悬停在包含子 div 的 div 上需要建议吗？

Question

<div class="one">
  <div class="presetHolder"><h3>Energy Solutions</h3>
    <div class="imageHolder">
      <div class="image"> <img src="/gogivers/assets/Image/energy1.jpg" alt="" height="70" width="70"> </div>
      <div class="image"> <img src="/gogivers/assets/Image/energy2.jpg" alt="" height="70" width="70"> </div>
      <div class="image"> <img src="/gogivers/assets/Image/energy3.jpg" alt="" height="70" width="70"> </div>
      <div class="image"> <img src="/gogivers/assets/Image/energy4.jpg" alt="" height="70" width="70"> </div>
      <div class="image"> <img src="/gogivers/assets/Image/energy5.jpg" alt="" height="70" width="70"> </div>
      <div class="image"> <img src="/gogivers/assets/Image/energy6.jpg" alt="" height="70" width="70"> </div>
      <div class="image"> <img src="/gogivers/assets/Image/energy7.jpg" alt="" height="70" width="70"> </div>
      <div class="image"> <img src="/gogivers/assets/Image/energy8.jpg" alt="" height="70" width="70"> </div>
    </div>
  </div>
</div>

我正在尝试在 div“one”上放置悬停效果，但是悬停效果只会突出显示 presetHolder div 或 imageHolder div。

有人可以建议我需要这样做的 CSS 吗？

Answer 1

.one:hover .presetHolder {
your hovered styles here
}

或者

.one:hover .imageHolder {
your hovered styles here
}