指定CSS基础URL

Question

我必须将一个很长的css文件拆成多个小的css文件，并将这些小的css文件放到一个名为styles的目录中。

现在，我需要使用 ../ 符号来更新url以跳出当前目录。

是否有任何方法可以像HTML中的base标签一样指定加载资源的基本URL，但在CSS中呢？

- rhlee

Answer 1

没有的。建议将CSS图片放置在与CSS文件至少相同级别的位置上，这样就不需要返回路径了。例如，将CSS文件放在/css文件夹中，将CSS图片放在/css/images文件夹中。然后您可以始终使用url('images/name.ext')来引用CSS图片。这样，您就可以将根目录/css文件夹放置在几乎任何地方，而无需更改图像URL。

- BalusC

Answer 2

作为另一种选择，您可以动态地向标签添加一个类，并在选择器中使用它，根据您的文件从哪个目录服务来覆盖CSS URL。

- BBaysinger

Answer 3

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

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

看起来这似乎是一个非常好的解决方案。

- Guybrush

---

抱歉，这对于 CSS 内部的链接不起作用。 - Mateng