为 css 指定基本 url

Posted 2023-02-23

【中文标题】为 css 指定基本 url

【英文标题】：Specifying base url for css

【发布时间】：2011-04-18 06:18:40

【问题描述】：

我不得不拆分一个长的 css 文件。我将较小的 css 文件放在 styles 目录中。

现在我必须更新网址以使用../ 表示法上一级。

是否可以指定从其加载资产的基本 URL，例如 html 中的基本标记，但使用 CSS？

【参考方案1】：

在 CSS 中设置基本目录的另一种方法（这似乎是不可能的）是使用<base> 标签设置 HTML 文档的基本目录。这个标签在社区中并不为人所知，但我在网上找到了一个很好的教程：

https://webdesign.tutsplus.com/articles/quick-tip-set-relative-urls-with-the-base-tag--cms-21399

这似乎是一个很好的解决方案。

【讨论】：

抱歉，这不适用于 CSS 中的链接。

【参考方案2】：

作为替代方案，您可以动态地将一个类添加到您的正文标记中，并在选择器中使用它来覆盖 css URL，具体取决于您的文件来自哪个目录。

【参考方案3】：

不，没有。我建议将 CSS 图像放置在至少与 CSS 文件相同的级别，这样您就不需要在路径中倒退。例如。 /css 文件夹用于 CSS 文件，/css/images 文件夹用于 CSS 图像。然后，您可以始终将url('images/name.ext') 用于 CSS 图像。这样，您几乎可以将根 /css 文件夹放置在任何地方，而无需摆弄图像 URL。