Html 使用SCS动态添加blockquote图像

您能告诉我如何使用

SCSS

动态添加

blockquote

图像吗

注:

我在这个路径上有

svg

图像：

assets/icon/left quote.svg

这就是我需要的

在这里，您可以看到它来自后端（即

blockquote

tags）

您可以按如下方式使用伪选择器：

blockquote{
文本对齐：居中；
字体大小：粗体；
字体：斜体；
颜色：深蓝色；
}
blockquote：：之前{
显示：块；
宽度：1.5em；
高度：1.5em；
保证金：1em自动；
内容：url（“https://upload.wikimedia.org/wikipedia/commons/2/25/Quote_left_font_awesome.svg");
}

凯特组织（马钱德欧非马歇德）

当我使用url时，它正在工作。但这是行不通的。你知道为什么吗<代码>内容：url（'./assets/icon/left quote.svg'）您能告诉我如何使用project的文件加载它吗？

。/assets/icon/left quote.svg'

？我不知道您的项目是如何构建的，在哪里打包的，从哪里引用的。如果所有其他操作都失败，base64将对SVG进行编码并使用数据URI。它位于生成后的

www

文件夹中。我通常对所有

图像

、

svg

等

www\assets\icon\left quote.svg

使用上述URL。有什么线索吗？这就是我应用你的解决方案时的样子。你能看到有什么问题吗？