title: Glyphicons change color on hover plus a text link
body: <p>I am trying to use Glyphicons for a portal idea and when the icon is hovered over the associated link also changes color.</p>
  
  <pre><code>&lt;div class="portal"&gt;
  &lt;table&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;div align="center"&gt;&lt;a href="clientarea.php" class="glyphicons home"/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;
  &lt;td&gt;&lt;strong&gt;&lt;a href="clientarea.php"&gt;Home&lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried the following </p>
  
  <pre><code>.portal a:hover {
  color: #BC2328;
  }
  
  .portal a:hover:before {
  color: #BC2328;
  }
  </code></pre>
  
  <p>But that only changes one at a time where as I would like both the icon and text url to change color; which either one is hovered over.</p>
  
  <p>Help appreciated.</p>