【发布时间】：2016-10-05 18:50:57
【问题描述】：
我正在尝试通过 css 为 svg 文件的一部分着色，但这似乎不起作用。 这是 svgs 的代码：
<svg xmlns="http://www.w3.org/2000/svg" data-name="logo" viewBox="0 0 87.6 128.2"><title> sw17_rebrand_logo</title><path class="logo_top" d="M15.6 86.9C-1.8 71-6.4 37.2 16 14.9S72-2.5 87.6 14.7Z"/><path class="logo_bottom" d="M72.3 41.2c20.2 19.2 19.5 53.7-1.5 73.2-22.5 21-55.4 16-70.9-1.1Z"/></svg>
这就是CSS
.logo_top{
fill:blue;
}
html 看起来是这样的
<a href="#" class="logo"><img class="logo_img" src="images/sw17_rebrand-logo.svg"/></a>
但这并没有什么作用。我什至没有在 Webdev Tools 中看到那个特定的 css 代码。如果我将代码 (style="fill:blue") 直接放入 svg 中，这是可行的，但这不是我在这里需要的方式。
我做错了什么？
【问题讨论】：
-
把svg放到html中，而不是src。
-
参见此处：svgontheweb.com/#css 请特别注意在
<object>标记中包含（链接）它们的能力，以及由此提供的交互性。 -
CSS 不能跨不同的文档工作，并且图像是一个单独的文档。