如何在网页中动态着色svg图像？

Question

我正在尝试获取svg图像的特定部分（如果重要的话在inkscape中创建）来改变某些事件的颜色。我很确定我可以使用css来做到这一点，但我无法弄清楚如何从特定的svg文件中选择id。 如果svg中的对象有id ='ToChange'且html标签有id ='svgToChange'，我认为css将是

#svgToChange #ToChange :hover {...}

但这似乎不起作用。有任何想法吗？ javascript会更好吗？

Answer 1

#svgToChange:Hover #ToChange{fill: #whatever}

问题提问者编辑：

我想出了怎么做，问题是因为我在一个img标签而不是一个对象标签中有svg。