当悬停时,Glyphicon会改变颜色

Question

我怎样才能使它工作,这样当我悬停我的li> a它也会改变我的glyphicon上的颜色.我已经listede低于我的HTML和我tryed在CSS做.但这只会改变它,如果我悬停在glyphicon而不是a.而且是我还tryed改变它在我的一个但这么想的影响我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

你可以试试这个:

ul > li > a:hover > .glyphicon