愚蠢的 CSS 参考问题答案

【问题标题】：Silly CSS ref problem愚蠢的 CSS 参考问题
【发布时间】：2011-06-09 07:29:23
【问题描述】：

我遇到了一个非常奇怪的问题。我这辈子都想不通。

我的样式表的路径（目前）是这样的：

<link rel="stylesheet" href="assets/css/default.css" />

但是，为什么它不加载样式表？

当我将样式表移动到与 index.html 页面相同的位置，然后将对其的引用更改为指向根目录时，它又可以工作了吗？

如果样式表的深度超过 1 个目录，它永远不会工作。

这正常吗？还是应该仍然有效？

【问题讨论】：

【解决方案1】：

按照您的要求将电子表格链接到网络浏览器“查看从您当前位置开始的这些文件夹”。

因此，如果您位于 /pages/home.aspx 并且您的 assets 文件夹位于根目录，它将找不到它，因为它会像在 /pages/assets/css/ 中一样查看它.

【讨论】：

【解决方案2】：

不妨试试：

<link rel="stylesheet" href="/assets/css/default.css" />

【讨论】：

【解决方案3】：

因为你的路径是相对的，试试：

<link rel="stylesheet" href="/assets/css/default.css" />

例如，如果路径是相对的（如您的）：

对于网址http://example.org/foo/bar.html

他会尝试加载过滤器http://example.org/foo/assets/css/default.css

【讨论】：

【解决方案4】：

我知道出了什么问题。

不知道为什么，我只是在我的FTP客户端上刷新了目录，并且资产文件夹没有上传（但它说传输成功。）

我重新上传了 assets 文件夹，它现在可以正常工作了。

附：感谢大家纠正我的相对路径错误。 :)

【讨论】：

【解决方案5】：

./sample.html 和sample.html 含义相同，其当前目录
../寻找父目录，在另一个描述中一个上层目录。

this site 中有一个很好的例子

【讨论】：

已经有一个（将近 3 年的）答案指出 ../ 将您的父目录带到当前目录，而不是根目录。
@DennisMeng 几分钟前我遇到了这个问题，并通过一一尝试解决了这个问题。 './' 将您定向到当前目录。请稍等检查this SO 讨论并为自己感到羞耻
是的，我刚刚阅读了您链接的讨论；它重申.. 上升一个目录，这意味着它转到父目录，而不是根目录。
@DennisMeng 看人，你读过but in /css/style.css ./ is the css folder. 你明白这个ccs 文件夹是指css 所在的当前目录。所以，转到css 文件并设置一个../images/sample.png 的链接，在哪里它在你的项目中寻找这个文件，在当前还是根目录？
我从没说过./；我所说的都与../ 有关。正如您提供的链接中提到的（在问题本身和答案中），../ 上升了一级到 parent 目录。我从来没有说过它会进入 current 目录。