Path 文件夹外部文件夹的路径

在我的主文件夹“main”中有一个用于存放所有css的文件夹。“main”中有另一个文件夹“math”。我想在“math”文件夹中使用css，但键入时：

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

---

在“math”文件夹的index.html上，它不起作用。我认为这是因为它在math文件夹中查找css文件夹。如何链接到不在math文件夹中的css文件夹？

如果我理解，您的目录结构如下：

siteroot
    main
       math
       css

您希望从/main/math/index.html链接到/main/css中的样式表

有两种解决方案，最简单的是使用绝对路径：

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

href="/main/css/..."

---

绝对路径是一个更好的解决方案，并且会减少路上的头痛。我也不知道有什么缺点

或者，您可以使用“..”遍历目录

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

---

您必须使用..进入与css和math相同的目录/ 所以它看起来像../css/basic.css

使用绝对路径：

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

href="/main/css/..."

---

例如，您的目录如下所示：

Desktop >
        ProjectFolder >
                      index.html
                      css        >
                                 style.css
                      images     >
                                 img.png

如果您正在使用style.css，并且希望使用img.png作为背景图像，请使用以下命令：

url("../images/img.png")

---

为我工作

如果要在该文件夹中查找文件，请使用此

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

如果你想在文件夹外找到一个文件，你可以使用这个代码段

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

答案还取决于网站是否正在本地开发和测试，或者您是否将内容发布到web服务器并在实时网站上测试链接

如果您的

href

属性的URL使用的是相对URL，并且有一个域名映射到了您在实时站点上的文档根目录，则上述答案是正确的

但是，如果您测试的链接中的所有文件都位于本地PC的文件系统中，而本地没有使用web服务器，那么您可能会发现以下信息也很有用

如果您在本地进行测试，通常没有与

文档根关联的域，并且路径会以多种方式更改

如果链接到任何子目录中的文件，则在
href
或在本例中，
src
属性中不会有初始斜杠（“/”），因为没有域，且相对URL相对于当前页面。（同样的规则也适用于您的
href
URL）
本地测试URL：



..与具有域名的Live站点中页面上的相对URL相反，在该站点中，您将使用初始正斜杠，因为它将与域相对

远程现场测试：



我知道这不是您所问的情况，但以下两个示例应该会有所帮助，其中文件夹是相邻的，并且是本地文件系统上的父目录。您的情况是，您的相对URL指向位于相邻目录中的文件。如果您在本地进行开发和测试，请参见下文

对于链接到相邻目录中css样式表文件的相对URL，或者甚至链接到本地文件系统（通常没有域）当前页面上方父目录中的文件的相对URL，您的
href
属性URL路径应该使用双点斜杠（
。/
）。因此，您的情况（如果在没有域的情况下进行本地测试）是：


…如上文@Cory Dolphin所示

我经历过这种情况，发现我的问题是，我不断发现不同的结果取决于我测试的地方，这让我发疯

我最初认为路径的不同与我的本地文件在本地Windows系统上有关，而它略有不同的原因是因为我的远程Linux Apache VPS的文件系统

我发现它与是否有到您的站点文件的域映射关系更大。这在标题为src属性和相对URL的部分中有所阐述。
“绝对路径是一个更好的解决方案，它将减少今后的麻烦”。为什么会这样？