title: How to add :hover affects to fa-fa icons?
body: <p>I couldn't find out how to add the pseudo :hover to the "Font-awesome" icons (fa-fa icons).</p>
  
  <p>If somebody could help i would be greatly appreciative.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href="#" class="overview"&gt;&lt;i class="fa fa-user fa-2x" style="margin-top:10px;"&gt;&lt;/i&gt;&lt;/a&gt;&lt;br /&gt;
  &lt;a href="#" class="tier"&gt;&lt;i class="fa fa-level-up fa-2x" style="margin-top:10px;"&gt;&lt;/i&gt;&lt;/a&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.overview, .tier {
      color: black;
  }
  
  a:hover {
      color: red;
  }
  </code></pre>