HTML文件中的相对路径

我有以下文件夹结构树（文件夹名称以大写字母书写）：

所以根文件夹是OnlineShop。我正试图从

login.html

这项工作：

<link rel="stylesheet" type="text/css" href="/OnlineShop/templates/css/main-style.css">

但这并不是：

<link rel="stylesheet" type="text/css" href="/templates/css/main-style.css">

---

我的问题是：为什么后面的代码不起作用？

/

是否应该将我带到根文件夹（OnlineShop）？

什么是web应用程序根目录取决于您的服务器配置

作为替代方案，您可以使用：

<link rel="stylesheet" type="text/css" href="../../templates/css/main-style.css">

哦，我使用的是XAMPP Apache服务器，这是否意味着根文件夹是htdocs（这对我来说很有意义）？请检查这个问题：谢谢，我现在将继续朝正确的方向研究！

<link rel="stylesheet" type="text/css" href="../../templates/css/main-style.css">