Question

我的网站项目位于/home/username/project，其中包含index.html。 index.html必须包含以下.css文件/home/username/project/css/application.css，因此我尝试加载它：

<link rel="stylesheet" href="/css/application.css"/>

我在localhost上运行index.html页面，看不到任何更改。浏览器开发人员工具向我显示样式表在/home/username/css/application.css中不存在。当然，因为它在项目文件夹中，为什么主机试图在那里找到它？

Answer 1

您需要通过在路径前添加.来指定包含css文件的文件夹嵌套在包含html文件的文件夹中。

所以你的行变为：

<link rel="stylesheet" href="./css/application.css"/>

有关其他信息，如果您要转到包含html文件夹的文件夹，则必须放置..。
因此，例如，如果您的css文件位于/home/username/css/application.css，则您的行变为：

<link rel="stylesheet" href="../css/application.css"/>