css @import 相对于它链接到的 HTML 文档？答案

【问题标题】：css @import relative to the HTML documents it's linked to?css @import 相对于它链接到的 HTML 文档？
【发布时间】：2015-01-19 05:07:57
【问题描述】：

我很好奇是否可以将 HTML 文档链接到绝对路径的 CSS 文件，然后链接的样式表 @imports 位于相对于 HTML 文件的文件夹中的 CSS 文件？

类似：

 @import url("window.location../../custom.css");

没有考虑特定的用例。只是好奇。

【问题讨论】：

我认为您不能将 javascript 放在 url 中

标签： html css http url server

【解决方案1】：

为此，您应该使用 javascript 而不是 css。

例如

<script>
    var css = document.createElement("link");
    css.type = "text/css";
    css.rel = "stylesheet";
    css.href = "../../custom.css";
    document.head.appendChild(css);
</script>

【讨论】：

不错。纯粹是侥幸，我在发布这个问题后不久就在我的订阅源中注意到了这一点。 CSS and the Critical Path。 Web 开发即将达到一个全新的水平...

【解决方案2】：

../../custom.css 应该这样做。

【讨论】：

除非我记错了，否则会加载相对于 css 文件的 css 文件，不是吗？