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「1」にホバー効果を配置しようとしていますが、ホバー効果はpresetHolder divまたはimageHolder divのみを強調表示します。

誰かがこれを行うために必要な CSS を提案できますか?

Answer 1

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

また

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