如何在网页中动态着色 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}

从提问者编辑：

我想出了怎么做，问题是因为我将 svg 放在 img 标签而不是 object 标签中。