愚蠢的CSS引用问题

时间:2011-01-14 17:45:14

标签: html css directory directory-structure

我有一个非常奇怪的问题。我不能为我的生活弄明白。

我的样式表(目前)的路径是:

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

但是,为什么它不加载样式表?

当我将样式表移动到与index.html页面相同的位置,然后将对它的引用更改为指向根目录时,它会再次起作用吗?

如果样式表不超过1个目录,它永远不会工作。

这是正常的吗?或者它还能起作用吗?

5 个答案:

答案 0 :(得分:2)

将电子表格链接到网页浏览器“请查看从CURRENT位置开始的这些文件夹”。

因此,如果您在/pages/home.aspx并且您的资产文件夹位于根目录,那么它将无法找到它,因为它会将其视为/ pages / assets / css /

  • 如果没有斜杠,则从页面的当前目录开始。 (资产/ CSS / default.css)。
  • 如果有一个斜杠,那么它从根开始。 (/assets/css/default.css)。
  • 如果它有两个点和一个斜杠,则从父目录开始到当前目录(../ assets / css / default.css)。

答案 1 :(得分:1)

也许试试:

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

答案 2 :(得分:1)

因为你的路径是相对的,试试:

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

例如,如果路径是相对的(就像你的那样):

表示网址http://example.org/foo/bar.html

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

答案 3 :(得分:0)

我弄清楚出了什么问题。

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

我重新上传了资源文件夹,现在它正在按预期工作。

P.S。 谢谢大家用相对路径纠正我的错误。 :)

答案 4 :(得分:0)

./sample.htmlsample.html具有相同的含义,其当前目录
../在另一个描述一个上目录中查找目录。

this site中有关于此

的完美示例