title: Affect div by hovering other div
body: <p>I am trying to affect one div by hovering another, and I have checked <em>many</em> of these questions that has already been answered here on Stackoverflow, <a href="https://stackoverflow.com/questions/14055394/css-hover-over-something-and-have-a-completely-different-div-change-its-attribut">this one</a> and <a href="https://stackoverflow.com/questions/4502633/how-to-affect-other-elements-when-a-div-is-hovered">this one</a> for example, and I have succeed to do it <em>one way</em>, where #a affects #b, but I am trying to let <em>#b</em> affect <em>#a</em> too - so the other way around, and none of the methods seem to have worked...</p>
  
  <p>This is what worked ;</p>
  
  <pre><code>.plane1:hover ~ .plane2 {
      opacity: 0.2;
      transform: scale(0.9);
  }
  </code></pre>
  
  <p>But all these didnt work;</p>
  
  <pre><code>#plane2:hover #plane1 { background-color: yellow; }
  #plane2:hover + #plane1 { background-color: yellow; }
  #plane2:hover &gt; #plane1 { background-color: yellow; }
  .plane2:hover #.plane1 { background-color: yellow; }
  .plane2:hover + .plane1 { background-color: yellow; }
  .plane2:hover &gt; .plane1 { background-color: yellow; }
  </code></pre>
  
  <p>so any way I try to do this, it does not really seem to work. (yes, also tried with a <code>~</code>)</p>
  
  <p><strong>Edit; My HTML</strong></p>
  
  <pre><code>&lt;div id="plane1" class="plane1 col-md-6 left scale-1 trans-6 opacity-7 hover-opacity"&gt; 
    &lt;img src="img/specs.jpg" class="img-thumbnail center" width="250" height="250" /&gt;
    &lt;h4 class="center"&gt;That plane&lt;/h3&gt;
  &lt;/div&gt;
  
  &lt;div id="plane2" class="plane2 col-md-6 left scale-1 trans-6 opacity-7 hover-opacity"&gt; 
    &lt;img src="img/specs.jpg" class="img-thumbnail center" width="250" height="250" /&gt;
    &lt;h4 class="center"&gt;That other plane&lt;/h3&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>GIF of what I am trying to accomplish here;
  <a href="https://i.imgur.com/s7atNDr.gif" rel="nofollow noreferrer">http://i.imgur.com/s7atNDr.gif</a> (too big to upload)</p>