Html 将鼠标悬停在图标上时，图标会更改颜色

如何使其工作，以便当我将鼠标悬停在li>a上时，它也会更改图标上的颜色。我在下面列出了我的html以及我在css中尝试做的事情。但这只会在我将字形图标而不是a悬停时改变它。而且是的我也尝试在我的a上更改它，但这不会影响我的图标

Html:

`您可以尝试以下方法：

ul > li > a:hover > .glyphicon

div>.glyphicon心形：悬停{
颜色：rgb（102、102、101）；
光标：指针；
}

您不更改图标的颜色，而是更改图标！嗯。什么@Siddharth图标只不过是大图像的一部分，我们只是在悬停或其他事件中更改了背景的位置，google

css sprite images

@Siddharth在底部得到了我的Ansare。@Siddharth你是什么意思？它起作用了，这正是我所需要的佩克斯卡利！谢谢，诺雷，我甚至不明白这一点。那是CSS代码吗？

做什么？来自：子组合符（

）位于两个CSS选择器之间。它只匹配第二个选择器匹配的元素，这些元素是第一个选择器匹配的元素的子元素。您需要描述您的解决方案

    ul > li > a > .glyphicon:hover{
    color: orange;
}

ul > li > a:hover > .glyphicon