Thay đổi màu sắc Glyphicon khi di chuột qua một

Question

Làm cách nào tôi có thể làm cho nó hoạt động để khi tôi di chuột lên li> nó cũng thay đổi màu sắc trên hình tượng của tôi. Tôi đã liệt kê dưới html của tôi và những gì tôi thử để làm trong css. Nhưng điều đó chỉ thay đổi nó nếu tôi di chuột qua hình tượng và không phải là a. Và có tôi cũng đã cố gắng thay đổi nó trên của tôi một nhưng điều đó không ảnh hưởng đến glyphicon của tôi.

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

Bạn có thể thử này:

ul > li > a:hover > .glyphicon