title: Target a different div on hover?
body: <p>I need to know whether it is possible to target a different element within a selector, eg: 'when I hover over this element, change this OTHER element'; something like:</p>
  
  <pre><code>#gallery li:hover {
     h2 {display:block}
  }
  </code></pre>
  
  <p>So in the above example I'm trying to say that when I hover over the #gallery div, the h2 element will display as block.</p>
  
  <p>CodePen: <a href="http://codepen.io/sad_muso/pen/JKdBox" rel="nofollow">http://codepen.io/sad_muso/pen/JKdBox</a></p>
  
  <p>Many thanks for your help</p>