处于同一级别的悬停状态的CSS选择器

我想知道如何编写CSS选择器，以便当用户将鼠标悬停在img.screenshot上时，img.icon将其CSS更改为display:block

到目前为止，我有以下陈述，但不确定当节点处于同一级别时如何选择该节点：

---

div.box>img.screenshot:悬停

简易同级选择器：

---

简单的同级选择器：

<div class="box">
  <img class="screenshot" src="#">
  <img class="icon"       src="#">
  <p   class="desc">...</p>
</div>

img.icon { display:none; }

img.screenshot:hover + img.icon { /* styles here */ }

img.screenshot:hover ~ img.icon { /* styles here */ }