如何在悬停到非子元素的类上添加效果？

Question

<div class="related_images">
    <img class="related_attachment" src="img url"/>
</div>
<a class="related_title">Stackoverflow</a>

我想知道当我将鼠标悬停在.related_attachment上时是否可以为.related_title添加效果，因为它们不是子元素。

我试过以下但没有运气..

.related_title:hover ~ .related_attachment { opacity: 1; }
.related_title:hover + .related_attachment { opacity: 1; }