title: How to add effects on hover to classes that are not child elements?
body: <pre><code>&lt;div class="related_images"&gt;
      &lt;img class="related_attachment" src="img url"/&gt;
  &lt;/div&gt;
  &lt;a class="related_title"&gt;Stackoverflow&lt;/a&gt;
  </code></pre>
  
  <p>I'd like to know if it's possible to add effects to the <code>.related_attachment</code> when I hover over the <code>.related_title</code> since they aren't child elements.</p>
  
  <p>I've tried the following with no luck..</p>
  
  <pre><code>.related_title:hover ~ .related_attachment { opacity: 1; }
  .related_title:hover + .related_attachment { opacity: 1; }
  </code></pre>