免责声明：我是html / css / js的新手
简而言之： 我希望能够在不使用编辑svg本身的过程的情况下，使用css（或更简单的方法）在Reveal.js中更改一些简单的svg图像的颜色。
上下文： 我想在reveal.js中做一个演示，我有一些svg图像要用作背景图像。这些都包含一个代表不同几何形状的对象，但是它们遵循给定调色板的颜色是统一的（每个图像一种颜色）。我想始终使用相同的形状，但只能使用CSS编辑调色板，因为我觉得这是最简单的方法（但是我可能错了）。
请注意，这些图像是用inkscape绘制的，并且不是svg硬编码的形状（我不确定这是否会有很大的不同），并且我不想将图像代码直接粘贴到文件中以提高可读性。 / p>
我尝试过：
通过将上述脚本嵌入我的index.html标头中，并将建议的样式添加到我的custom.css文件中，从而this SO solution。
作为测试，我尝试将图像仅包含在幻灯片中（而不是背景）：
<img class="svg" id="test" src="./myimg.svg"/>
这会导致图像显示出来，但将部分添加到css
#test:hover path {
fill: #000;
}
不能按预期将其着色为黑色，或者可能是脚本无法正常工作。
扩展名： 现在我可以想到一个更复杂的情况，知道该怎么做会很好： 可以将其扩展到包含几种颜色的多个对象的svg吗？怎么样？