Html 在不同的父目录中链接CSS

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

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

---文件夹2

---

-------Index.html仅当它位于项目的webroot内时才起作用，例如，我猜您将文件夹2作为网站根目录

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

---

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

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

这将取决于您的设置。首先，检查拼写和大小写。这都是区分大小写的。否则，服务器将需要访问

项目

目录，然后您可以进入其他项目

理想情况下，这意味着您的URL还必须包含项目名称。 e、 g.

http://domain.local/project%201

-请注意此处用作空白的

%20

原因是服务器如何拥有查看网站根目录的权限。在典型的设置中，域映射到特定于项目的目录。e、 g.

项目/文件夹1

您通常会通过URL

http://domain.local/

。如果这是您的设置，您的方法将不起作用

你有两个选择

将服务器设置为使用

项目

作为webroot和所有 项目位于URL中。就个人而言，这并不理想，但这真的很好 谢谢你

在自己的域上设置每个项目并引用 你的域名包括在内。因此，与其使用

href=“../Folder%201/CSS/styles.CSS”

不如使用

href=”http://domain1.local/CSS/styles.css“

有其他设置，你可能会做，但我会建议这2个选项作为最理想的。这取决于你想完成什么。

我会这样做：

----文件夹主页
--------文件夹样式
----------style.css
--------页面文件夹
----------html 1-index.html
----------html 2-index.html

无论走到哪里，这条路都是一条

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

---

参考博詹德拉·劳尼亚尔的回答：

选中此项：

以下是有关相对文件路径的所有信息：

• 以“/”开头返回根目录并从那里开始

• 以“./”开头向后移动一个目录并从那里开始

• 以“./../”开头向后移动两个目录并开始 那里（等等……）

• 要继续，只需从第一个子目录开始并保持 前进

---

希望这有帮助。

尝试使用，

href=“../Folder/CSS/Styles.CSS”

这是一个大小写问题吗？在您的示例中，文件名为

Styles.scss

（大写），但您的href名为

Styles.scss

（小写）。您应该再次尝试发布完整的代码-您在这样做时遇到了什么问题？不，我只是在这里键入了它。全是小写。