HTML如何在另一個目錄中鏈接CSS？

Question

我當前的public_html的結構如下：

片段：

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

HTML在“注冊”目錄中。

有什么幫助嗎？

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

我真笨。 事實證明，我的緩存已過時。

謝謝大家的幫助。