title: Hover Effect Multiple Child Elements
body: <p>Is it possible to keep an element hover effect when hovering over a sibling element? I created a jfiddle to demonstrate. I'm trying to keep the <code>.child-menu-img</code> 100% opacity while hovering over the H3 text. I figured out that when hovering over the <code>.child-menu</code> div I can affect the h3 using <code>.child-menu-item:hover&gt;h3</code> but I can't find a way to keep the hover effect working while hovering over the h3. Hope this makes sense! I'm wondering if this will require jQuery but so far, my searches haven't found any solution (javascript or pure CSS). Or maybe I need to modify my markup in order to get this working. I'm so lost!</p>
  
  <p>Thanks for any help!</p>
  
  <p><a href="http://jsfiddle.net/inhouse/rfexypLz/" rel="nofollow">http://jsfiddle.net/inhouse/rfexypLz/</a></p>