【问题标题】:Specifying base url for css为 css 指定基本 url
【发布时间】:2011-04-18 06:18:40
【问题描述】:

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

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

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

【问题讨论】:

    标签: html css url path


    【解决方案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。

      【讨论】:

        猜你喜欢
        • 2012-08-27
        • 2014-12-29
        • 2015-05-10
        • 2011-07-06
        • 2014-06-20
        • 1970-01-01
        • 2012-09-13
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多