有一些方便的解决方案可以使用css使图像内容动态化。我认为主要是这样的结构：
div {
background-image: url(my-image.png);
}
和
div:before {
content: url(my-image.png)
}
现在，如果我的源是svg文档并且我想使用viewBox属性该怎么办？有什么办法可以使用css更改svg元素的内容吗？理想情况下，我想要像：
svg {
content: url(my-svg-doc.svg);
}
但那不起作用。
原因是我有4个不同的.svg文件，我想根据父元素css-class显示每个文件。有什么方法可以解决这个问题吗？