css - 将 SVG 指定为背景图像并在 CSS 中设置 SVG 样式？

Question

是否可以将 SVG 指定为背景图像并在同一个 CSS 文件中设置 SVG 样式？

我很乐意将 SVG 图像放置、缩放和剪裁为单个文件或 Sprite ，但我无法确定是否可以在同一 CSS 文件中设置 SVG 的样式并将其设置为背景图像。

在伪 CSS 中，我想执行以下操作以根据父元素的类改变简单形状的颜色:

element1 {
 background-image(icon.svg);
}

element1.black .svg-pathclass {
 fill: #000000;
}

element1.white .svg-pathclass {
 fill: #ffffff;
}

显然，这假定 SVG 中的路径具有类 .svg-pathclass

这可能吗？

Answer 1

不，这是不可能的。 SVG 必须在一个文档(可能是 data URI 或外部引用文件)中准备好，然后用作另一个文件中的背景。