title: Hover on multiple div show a div
body: <p>I want to make appear a div when I hover on an another div it work but not when I have multiple div. I don't unserstand why ?</p>
  
  <p><a href="https://jsfiddle.net/4tnwes7g/10/" rel="nofollow noreferrer">Here a simple code of what is happening</a></p>
  
  <p><strong>code:</strong></p>
  
  <pre><code>        &lt;style&gt;
  
          .hover_show:hover{
              display:block !important;
          }
           .show{
                 width:100% !important;
                 height: 20px !important;
          }
          .hover_show{
              display:none !important;
          }
          .show:hover + .hover_show{
              display: block !important;
          }
          &lt;/style&gt;
  
  
          &lt;div class='show'&gt;div2&lt;/div&gt;
           &lt;div class='show'&gt;div1&lt;/div&gt;
          &lt;div class='hover_show'&gt;
                  Content to show
          &lt;/div&gt; 
  </code></pre>
  
  <p><em>On this snippet I would like to show the div content when I hover on div2.</em></p>