类 svg ：悬停 css 填充无法正常工作 [重复]
当我悬停的时候，我怎样才能填充这个svg？我看了大量的文档，尝试了几种方法，但都没有成功。
这是我的网页：
<a class="anchor-class" href="#"><svg class="svg-class"></svg></a>
我在css中尝试了以下内容
a svg:hover {
fill: #50c8e8;
}
以及
.anchor-class svg:hover{
fill: #50c8e8;
}
甚至
.svg-class :hover{
fill:#50c8e8;
}
我做错了什么？我应该能够用css完成这项任务，对吗？
编辑：请注意，此图像正被用作背景图像。下面的css中有更多细节：
.svg-class {
background-repeat: no-repeat;
background-size: 20px 20px;
height: 20px;
width: 20px;
display: inline-block;
.background-image('path.svg')
}
编辑2：这是. svg代码，但不确定它是否重要
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:#E4E4E4;}
</style>
<path id="XMLID_154_" class="st0" d="M85.5,15c-19.5-19.4-51-19.4-70.4,0c-19.5,19.4-19.5,51,0,70.4c19.5,19.5,51,19.4,70.4,0
C105,66,105,34.4,85.5,15z M49.5,9c5.3,0,9.5,4.3,9.5,9.5c0,5.3-4.3,9.6-9.5,9.6c-5.3,0-9.6-4.3-9.6-9.6C39.9,13.2,44.1,9,49.5,9z
M64.8,79.1c0,2-1,3-3,3H37.3c-2,0-3-1-3-3v-6.3c0-2,1-3,3-3h4.5V43.4h-4.6c-2,0-3-1-3-3v-6.3c0-2,1-3,3-3h17.2c2,0,3,1,3,3v35.7
h4.6c2,0,3,1,3,3V79.1z"/>
</svg>
共有1个答案
更新：使用您发布的svg代码，可以这样做。
例子：
a .svg-class:hover path {
fill: #50c8e8;
}
.svg-class {
height: 20px;
width: 20px;
display: inline-block;
}<a class="anchor-class" href="#">
<svg class="svg-class" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:#E4E4E4;}
</style>
<path id="XMLID_154_" class="st0" d="M85.5,15c-19.5-19.4-51-19.4-70.4,0c-19.5,19.4-19.5,51,0,70.4c19.5,19.5,51,19.4,70.4,0
C105,66,105,34.4,85.5,15z M49.5,9c5.3,0,9.5,4.3,9.5,9.5c0,5.3-4.3,9.6-9.5,9.6c-5.3,0-9.6-4.3-9.6-9.6C39.9,13.2,44.1,9,49.5,9z
M64.8,79.1c0,2-1,3-3,3H37.3c-2,0-3-1-3-3v-6.3c0-2,1-3,3-3h4.5V43.4h-4.6c-2,0-3-1-3-3v-6.3c0-2,1-3,3-3h17.2c2,0,3,1,3,3v35.7
h4.6c2,0,3,1,3,3V79.1z"/>
</svg>
</a>-
有人能帮我改变悬停时svg的颜色吗，所以我的jsx就像我导入img的地方一样 然后在我的css文件中，我以类infoIcon为目标，如下所示 我可以看到光标变成了指针，但我的颜色没有改变为什么？
-
我目前正在尝试将网站上使用的徽标应用于打印页面上的某个位置。这样做，我想以不同的方式填充它。然而，填充效果似乎不起作用。 当我在单独的选项卡中查看logo.svg并检查它时，我可以成功地用新颜色填充它的两个组件中的每一个。 但是，当我将它作为背景图像带入打印页面上的DIV时，填充不再起作用。有人能告诉我这是什么原因吗？ 在SVG页面上，我可以成功地完成以下操作。 （正如我前面提到的，SVG似乎由两
-
我有一系列使用d3创建的行。我写了一些和事件事件。 当I时，事件通过增加行的值正常工作。 但是在上，在我编写代码的地方，事件不能正常工作，将值设置为初始值。 小提琴 帮我修一下。
-
我有一个 和 MapString只是包含大量的数字（除了数字没有其他字符）。 现在我想用mapString的第一个字符分配数组中的第一个值（map[0,0]），用mapString的第二个字符分配第二个值（map[0,1]），依此类推。我使用以下代码： 现在发生的几乎是我所希望的。问题是它给每个值分配两个数字，而不是一个。我也不知道他在使用什么数字，因为它们不是我的地图保存设置中的数字，但我可以自
-
问题内容： 我已经建立了俄罗斯方块游戏。现在，我已经使用JPanel来显示内容和块（使用paintComponents（）方法）。 问题是，当我尝试从另一个JFrame调用tetris程序时，它根本无法绘制。 我的俄罗斯方块主菜单的代码是： 当调用MatrixBoard的构造函数时，俄罗斯方块游戏会在新窗口中开始。但是，这些块在屏幕上不可见。MatrixBoard的代码是： 请帮忙。我怀疑问题出在