Css 如何使用正确的颜色在mkdocs材质的所有链接中添加图标？

我正在尝试自动添加图标到中的链接。在链接中自动查找不同的扩展名并添加正确的图标

我想要与在.md文件中添加图标相同的外观。e、 g.蓝色、相同尺寸等。 图标来自

第一次尝试 添加一个额外的.css文件，其中包含：

.md排版a[href$='.docx']{
背景：透明url（'data:image/svg+xml；utf8'，）中间偏右不重复；
右边填充：24px；
}

这工作正常，但图标的颜色是黑色和无聊的

第二次尝试使用.css文件：

.md排版a[href$='.docx']：：之后{
内容：url（'data:image/svg+xml；utf8'）
}

这导致了一个巨大的黑色图标

当我查看生成的

.html

文件时，我发现从

.md

文件生成的图标（例如

：material file word box:

嵌套在