为css指定基本URL

Question

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

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

是否有指定加载资源的基本URL，例如HTML中的基本标记，但是使用CSS？

Answer 1

不，没有。我建议将CSS图像放在至少与CSS文件相同的级别，这样您就不需要在路径中向后移动了。例如。 CSS文件的/css文件夹和CSS图像的/css/images文件夹。然后，您可以始终使用url('images/name.ext')来表示CSS图像。通过这种方式，您可以将根/css文件夹放在几乎所有位置，而无需摆弄图像URL。

Answer 2

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

Answer 3

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

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

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