当悬停时，Glyphicon会改变颜色

Question

我如何让它工作，以便当我悬停我的李＆gt;它还会改变我的glyphicon上的颜色。我已经在我的html下面收听了我在中尝试的内容。但这只会改变它如果我悬停在glyphicon而不是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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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