【发布时间】:2011-04-18 06:18:40
【问题描述】:
我不得不拆分一个长的 css 文件。我将较小的 css 文件放在 styles 目录中。
现在我必须更新网址以使用../ 表示法上一级。
是否可以指定从其加载资产的基本 URL,例如 HTML 中的基本标记,但使用 CSS?
【问题讨论】:
我不得不拆分一个长的 css 文件。我将较小的 css 文件放在 styles 目录中。
现在我必须更新网址以使用../ 表示法上一级。
是否可以指定从其加载资产的基本 URL,例如 HTML 中的基本标记,但使用 CSS?
【问题讨论】:
在 CSS 中设置基本目录的另一种方法(这似乎是不可能的)是使用<base> 标签设置 HTML 文档的基本目录。这个标签在社区中并不为人所知,但我在网上找到了一个很好的教程:
https://webdesign.tutsplus.com/articles/quick-tip-set-relative-urls-with-the-base-tag--cms-21399
这似乎是一个很好的解决方案。
【讨论】:
作为替代方案,您可以动态地将一个类添加到您的正文标记中,并在选择器中使用它来覆盖 css URL,具体取决于您的文件来自哪个目录。
【讨论】:
不,没有。我建议将 CSS 图像放置在至少与 CSS 文件相同的级别,这样您就不需要在路径中倒退。例如。 /css 文件夹用于 CSS 文件,/css/images 文件夹用于 CSS 图像。然后,您可以始终将url('images/name.ext') 用于 CSS 图像。这样,您几乎可以将根 /css 文件夹放置在任何地方,而无需摆弄图像 URL。
【讨论】: