悬停时 Glyphicon 改变颜色

Question

我怎样才能让它工作，以便当我悬停我的 li > a 时它也会改变我的字形图标的颜色。我在 html 下面列出了我尝试在 css 中做的事情。但这只会改变它 if 我悬停在字形图标上而不是 a。是的我也尝试在我的 a 上更改它，但这不会影响我的 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

Answer 2

div > .glyphicon-heart:hover  {
    color: rgb(102, 102, 101);
    cursor: pointer;
}

<div class = "heart">
    <span class = "glyphicon"
        [class.glyphicon-heart] = "isLiked"
        (click) = "onClick()" >
    </span>
</div>

Glyphicon change color when hover a