title: Glyphicon change color when hover a
body: <p>How can i make it work so that when i hover my li > a it also changes color on my glyphicon. I have listede below my html and what i <strong>tryed</strong> to do in css. But that does only change it <strong>if</strong> i hover the glyphicon and not the a. And <strong>yes</strong> i have also tryed to change it on my a but that dosen't effect my glyphicon.</p>
  
  <p>Html:</p>
  
  <pre><code>&lt;li class="pushy-item"&gt;
       &lt;a href="#"&gt;History 
            &lt;span class="glyphicon glyphicon-list-alt opacityDown pull-right"&gt;&lt;/span&gt;
       &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Css: </p>
  
  <pre><code>    ul &gt; li &gt; a &gt; .glyphicon:hover{
      color: orange;
  }
  </code></pre>
  
  <p>`</p>