html - 在具有不同属性的 html 文件中创建多个 svg

Question

我研究了一些 HTML 和 SVG，但 CSS 对新事物来说是全新的。因此，我想从一个最小的例子开始:假设我有一个 SVG 文件，我可以将其包含在 HTML 中，例如，像这样

<object data="picture.svg" type="image/svg+xml" width="220" height="60">

到目前为止，还不错。但现在我想要四个相同的 SVG(假设 SVG 文件只有一个路径)，但每个都有不同的颜色(当然没有本地副本)。

如果可行:添加悬停功能以更改颜色的下一步是什么？

感谢您的任何提示，策展人

Answer 1

您应该为所有四个文件使用 anchor 标记。然后，您可以通过将以下内容放入 CSS 文件来设置要更改的颜色:

a:hover {
   color: whateverColorYouWant;
}