在不同的父目录中链接 CSS答案

【问题标题】：Linking CSS in a different parent directory在不同的父目录中链接 CSS
【发布时间】：2019-07-02 06:45:22
【问题描述】：

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

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

---文件夹 2
-------Index.html folder 1中的Styles.css文件。

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

它不起作用。也许我误解了，但我认为使用../ 会将您带回一个目录。显然我做错了什么。

我也尝试了 ../../Folder 1 以防万一我遗漏了一些东西，但也没有用。

【问题讨论】：

尝试使用，href="../Folder/CSS/Styles.css"
是大小写问题吗？在您的示例中，该文件名为Styles.scss（大写），但您的href 是styles.scss（小写）。您应该再次尝试发布完整的代码 - 您这样做时遇到了什么问题？
不，我只是在这里打错字。全部小写。

标签： html css

【解决方案1】：

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

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

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

以“/”开头返回根目录并从那里开始
以“../”开头的目录向后移动一个目录并从那里开始
以“../../”开头的两个目录向后移动并开始那里（等等...）
要继续前进，只需从第一个子目录开始并保持前进

希望这会有所帮助。

【讨论】：

【解决方案2】：

我会这样做：

------ 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">

【讨论】：

【解决方案3】：

这取决于您的设置。首先，检查你的拼写和大小写。这都是区分大小写的。否则，服务器将需要访问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"

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

【讨论】：

【解决方案4】：

您在帖子中有名为“文件夹”的文件夹。在代码中它是“文件夹 1”。尝试更改其中的 oe。

【讨论】：

【解决方案5】：

它只有在项目的 webroot 中才会起作用，例如我猜你有文件夹 2 作为网站根目录。

如果您想这样做，请为您的资源设置一个域并以这种方式链接它们。

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

【讨论】：