Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Glyphicon change color when hover a

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;
}

`

like image 551
UnScope Avatar asked Jan 23 '16 18:01

UnScope


1 Answers

You can try this:

ul > li > a:hover > .glyphicon
like image 177
Nora Avatar answered Sep 20 '22 12:09

Nora