如果它们位于不同的文件夹中，则 HTML 不会链接到 CSS答案

【问题标题】：HTML not linking to CSS if they're on different folders如果它们位于不同的文件夹中，则 HTML 不会链接到 CSS
【发布时间】：2019-07-20 04:44:50
【问题描述】：

我的 CSS 文件有问题。我正在测试一个样式表，但我似乎无法将它链接到 HTML，除非它们位于同一个文件夹中。这是我的包结构

index.jsp 位于 WebContent 中，styles.css 位于 WEB-INF/css/styles.css 中，相对于 index.jsp。这就是我尝试链接文件的方式：

<link rel="stylesheet" type="text/css" href="WEB-INF/css/styles.css">

但这无济于事。但是，当我将styles.css 与index.jsp 放在同一个文件夹中并将这一行更改为

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

它工作得很好。我知道我的路径在原始情况下是正确的，因为我可以 ctrl+click 从 Eclipse 中的 jsp 文件中打开 css 文件，那么，我做错了什么？

【问题讨论】：

不，刚刚尝试过，但不起作用。它在 WebContent 中，我很确定，因为我可以 ctrl+click 从 jsp 打开 css 文件，所以我的路径应该没问题
你是什么意思包括？这种情况下我不需要那个文件夹
它确实有权限。有趣的是，我刚刚发现如果我将 css 文件夹（包含 css 文件的文件夹）直接放在 WebContent 下并使用这个它也有效。老实说，我不知道发生了什么

【解决方案1】：

WEB-INF 文件夹根据定义不能通过 HTTP 请求访问；如果您想从WEB-INF 文件夹中提供任何内容，则必须使用 Servlet/JSP 来完成。

解决方案：将您的 CSS 文件放在 WEB-INF 文件夹之外。

【讨论】：