有没有办法重新使用SVG文件？

Question

我想知道有没有办法重新使用SVG文件？

我的意思是，我的标题SVG文件在我的标题区域，整件事情都设置为黑色，我可以在不同颜色的页脚区域使用完全相同的文件吗？或者我必须为此创建另一个SVG文件？

Answer 1

假设你有你的SVG嵌入SVG标签（未在img标签）的HTML看起来有点像：

<header> 
    <svg xmlns="http://www.w3.org/2000/svg"> 
    <path d="..." class="logo_fill"> 
    </svg> 
<header> 

<footer> 
    <svg xmlns="http://www.w3.org/2000/svg"> 
    <path d="..." class="logo_fill"> 
    </svg> 
<footer> 

然后，在你的CSS中，你可以声明：

header svg .logo_fill { 
    fill: red; 
} 

footer svg .logo_fill { 
    fill: gray; 
}