Question

我有一个正在处理的项目，其中包含一些文件夹，我希望每个文件夹都使用相同的CSS文件而不复制到新文件夹中。文件夹以以下格式设置：

项目
   ---文件夹
      ---- CSS（文件夹）
      -------- Styles.css
      -------- index.html

   -文件夹2
   ------- Index.html <----我想链接到Styles.css中的folder 1文件。

我尝试使用：href="../Folder 1/CSS/styles.css"

它不起作用。可能是我误会了，但我认为使用../会将您带回到一个目录。显然我做错了。

我也尝试过使用。./../Folder 1，以防万一我遗漏了某些东西而又不起作用。

Answer 1

我会这样做：

------ folder home -------- folder styles ---------- style styles.css -------- page folder ---------- html 1-index.html ---------- html 2-index.html

路径到处都是。

<link rel="stylesheet" href="../folder styles/style.css">

Answer 2

仅当它在项目的webroot中时才起作用。我的猜测是您将文件夹2作为网站的根目录。

如果您想通过这种方式进行设置，请为您的资源设置一个域，然后以这种方式链接它们。

例如localhost / resources目录，否则将项目根目录设置为project，这将起作用

Answer 3

您在帖子中有一个名为“文件夹”的文件夹。在代码中，它是“文件夹1”。尝试更改这些。

Answer 4

这取决于您的设置。首先，检查拼写和大小写。这都是区分大小写的。否则，服务器将需要访问Projects目录，然后您可以进入其他项目。

理想情况下，这意味着您的URL还必须包含项目名称。例如http://domain.local/project%201-请注意，此处将%20用作空白。

其原因是服务器如何有权查看网站根目录。在典型的设置中，域被映射到项目特定的目录。例如Project/Folder 1，您通常可以通过URL http://domain.local/进行访问。如果这是您的设置，则您的方法将无效。

您有两个选择。

设置服务器以将Projects用作webroot和所有项目在URL中。就个人而言，并不理想，但这确实可以给你。
在其自己的域上设置每个项目并引用您的包含中的域。因此，您可以使用href="../Folder%201/CSS/styles.css"来代替 href="http://domain1.local/CSS/styles.css"

您还可以进行其他设置，但我建议将这两个选项设为最理想。这仅取决于您要完成的任务。

Answer 5

请参考Bhojendra Rauniyar的回答：Link a .css on another folder

检查此：https://css-tricks.com/quick-reminder-about-file-paths/

您需要了解有关相对文件路径的所有信息：

以“ /”开头会返回到根目录并从那里开始
以“ ../”开头向后移动一个目录，然后从那里开始
以“ ../../”开头将两个目录向后移动并开始在那里（依此类推...）
要继续前进，只需从第一个子目录开始并保持前进

希望这会有所帮助。

在另一个父目录中链接CSS

5 个答案: