HTML如何在另一个目录中链接CSS？

Question

我当前的public_html结构如下：

摘录：

<link rel="stylesheet" type="text/css" href="/css/main.css">

HTML位于＆＃34;注册表＆＃34; 。目录

任何帮助？

Answer 1

要输入一个目录，请键入

../

所以在这种情况下解决方案就是：

<link rel="stylesheet" type="text/css" href="../css/main.css">

您可以绝对链接到样式表：

<link rel="stylesheet" type="text/css" href="http://example.com/main.css" />

或

<link rel="stylesheet" type="text/css" href="/main.css" />

或使用base href ~：

<base href="http://example.com/" />

<link rel="stylesheet" type="text/css" href="main.css" />

Answer 2

使用/css/main.css将始终有效，因为前导/表示路径被解释为站点根目录相对路径。你不需要改变任何东西。

如果您只有css/main.css，那么它只适用于网站根目录中的文档，因为该路径默认被解释为相对于当前位置，所以...

相对

http://mywebsite.com/foobar.html + "css/main.css" -> http://mywebsite.com/css/main.css

http://mywebsite.com/subdirectory/foobar.html + "css/main.css" -> http://mywebsite.com/subdirectory/css/main.css

根目录相对：

http://mywebsite.com/foobar.html + "/css/main.css" -> http://mywebsite.com/css/main.css

http://mywebsite.com/subdirectory/foobar.html + "/css/main.css" -> http://mywebsite.com/css/main.css

相关参考：

http://mywebsite.com/foobar.html + "../css/main.css" -> http://mywebsite.com/main.css

http://mywebsite.com/subdirectory/foobar.html + "../css/main.css" -> http://mywebsite.com/css/main.css

http://mywebsite.com/subdirectory/anothersub/foobar.html + "../css/main.css" -> http://mywebsite.com/subdirectory/css/main.css

Answer 3

试试这个家伙：

<link rel="stylesheet" type="text/css" href="../css/main.css">

Answer 4

我真傻。事实证明我的缓存已经过时了。

谢谢大家的帮助。