HTML文件中的相对路径

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

ONLINESHOP
    |-- index.html
    |-- COMPONENTS
    |-- CONFIG
    |-- TEMPLATES
        |-- CSS
            |-- main-style.css
    |-- CONTROLLERS
    |-- MODELS
    |-- VIEWS
       ...
       |-- USER
           |-- login.html

因此，根文件夹是OnlineShop。我正试图main-style.css从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）吗？