css 不适用于 web 内容中的内部文件夹 jsp 内部答案

【问题标题】：css is not working for inside of inside folder jsp in web contentcss 不适用于 web 内容中的内部文件夹 jsp 内部
【发布时间】：2016-02-21 11:53:12
【问题描述】：

我的网络内容管理员和超级管理员中有两个文件夹。我分别有一些与管理员相关的和与超级管理员相关的 jsps。我有一个包含 stylesheet.css 文件的 css 文件夹。

这是我项目的结构

在我的 jsp 页面中，我在标题标签中添加了这一行

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

当我的 jsps 在 webcontent 文件夹中时，这个 css 工作正常。但是当我将我的 jsp 页面移动到单独的文件夹中时，css 不起作用。我现在不知道为什么会这样。请帮我。

【问题讨论】：

标签： css jsp

【解决方案1】：

当您的文件位于 WebContent 文件夹中时，CSS 的文件路径是正确的（这就是它起作用的原因）。当您将它们移动到另一个文件夹时，您需要修改该路径，因为您使用的是 CSS 文件的相对路径。

因此，例如，如果您将 JSP 页面放在名为“MyPages”的文件夹中，该文件夹也位于“WebContent”中，则指向 CSS 文件的链接需要：

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

JSP 页面正在寻找与其自身相关的 CSS 文件。由于“MyPages”中没有 CSS 文件夹，因此您需要向上遍历一个级别（这就是“..”所做的），然后查看“CSS”文件夹，然后您会发现你的“stylesheet.css”文件。

".." simple 表示“查找一个目录以找到此文件”。但是，您也可以：

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

这表示要查找 2 个目录。

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

这表示要查找 3 个目录。

等等。

【讨论】：

是的@JesseEarley 它正在工作。你能解释一下这两个点（。）。为什么我们需要使用。
".." 只是说“查找一个目录”。 “../..”表示“查找 2 个目录”，依此类推。使用相对路径时，您需要指定与当前文件和要查找的文件的目录深度差异。我也更新了我的答案

【解决方案2】：

您必须为您的 CSS 文件指定正确的相对路径。当您的 JSP 文件放在文件夹中时，路径应该是这样的，

../css/stylesheet.css

或者你可以指定一个绝对路径，比如，

阅读相对路径，here

【讨论】：