css - 如何在样式内容引用中参数化主机？

Question

对于图像等静态内容，在一个或多个 CSS 样式表中设置参数主机的最简单方法是什么？

通过参数化主机，我的意思是让主机在其他地方定义，而路径是固定的，这样主机定义就可以针对不同级别的部署进行更改。

虽然这对于包含 javascript 的图像来说是微不足道的，但是 <base>为 HTML 提供了 url，我不知道如何使用样式 Assets 实现相同的结果。

注意事项:

• 问题是关于没有预处理器的标准 CSS
• 使用相对路径是行不通的，因为样式表需要从不同的域加载

Answer 1

实际上，我发现使用相对路径会起作用，因为相对 URI 是根据样式表的位置计算的，而不是服务页面的位置(参见 https://developer.mozilla.org/en-US/docs/CSS/uri)

那么，就我而言，最好的办法是拥有相对 URI，并将 Assets 与样式表一起部署