如何鏈接位於另一個文件夾中的 HTML 文件中的 CSS 文件

Question

我的鏈接看起來像這樣

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

從圖中可以看出header.ejs文件的路徑是/views/partials/header.ejs ，而all.css文件位於styles/all.css 。 如何鏈接這兩個文件？

Answer 1

將其更改為

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

說明：如果您只從header.ejs文件返回一個文件夾，則您header.ejs文件夾views 。 那里沒有存儲styles文件夾。 所以你需要再返回一個文件夾。

Answer 2

我認為你需要使用

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

在轉到 /style/all.css 之前轉到 Personal_website 目錄

希望這有幫助:)

Answer 3

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

那應該工作。

• 圖像是否與引用它的文件位於同一目錄中？
• 圖像在下面的目錄中嗎？
• 圖像在上面的目錄中嗎？

“下面”和“上面”是指子目錄和父目錄。 相對文件路徑為我們提供了一種雙向傳輸的方式。 看看我的原始例子：

以下是您需要了解的有關相對文件路徑的所有信息：

• 以“/”開頭返回根目錄並從那里開始
• 以“../”開始向后移動一個目錄並從那里開始
• 以“../../”開始向后移動兩個目錄並從那里開始（依此類推......）
• 要前進，只需從第一個子目錄開始並繼續前進