title: Customize link when I hover on a div
body: <p>I have this code:</p>
  
  <pre><code>&lt;div class="buttons-wrapper"&gt;
      &lt;div class="comments-qty"&gt;
         &lt;i class="fa fa-comments"&gt;&lt;/i&gt;
      &lt;/div&gt;
      &lt;div class="link-to-post"&gt;&lt;a href="#"&gt;
         &lt;i class="fa fa-chevron-right"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I hover the div "buttons-wrapper", I want to change the color of <code>fa-chevron-right</code>. I used this:</p>
  
  <pre><code>.buttons-wrapper:hover + .fa-chevron-right{
      background-color:green;
      color:white !important;
  }
  </code></pre>
  
  <p>But it doesn't work.</p>