Glyphicon change color when hover a

Question

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 tryed to do in css. But that does only change it if i hover the glyphicon and not the a. And yes i have also tryed to change it on my a but that dosen't effect my glyphicon.

Html:

<li class="pushy-item">
     <a href="#">History 
          <span class="glyphicon glyphicon-list-alt opacityDown pull-right"></span>
     </a>
</li>

Css:

    ul > li > a > .glyphicon:hover{
    color: orange;
}

`

Answer 1

You can try this:

ul > li > a:hover > .glyphicon