html - import css error 文件路径不对？

Question

我正在尝试将以下 css 文件导入到我的 base.html 文件中:

STglobalStyles.css

我的文件夹结构如下:

suitsandtables
    static
       css
         STglobalStyles.css
    templates
        base.html

我正试图在一个跨度内影响我的基础文本的颜色

STglobalStyles.css 内容如下:

.STBlue{
    color: #0dc3ff;
}

它在 base.html 中的链接如下

<link rel="stylesheet" href="suitsandtables/static/css/STglobalStyles.css" type="text/css">

(注意我正在制作原型(prototype)，这不是我实际导入生产的方式)

这是有问题的 html:

 <a class="navbar-brand text-uppercase" href="#">Suits <span class="STBlue">+ </span> Tables</a>

虽然风格即将到来，但我做错了什么，但 + 应该是我想要的蓝色，但事实并非如此。

文件根本没有呈现。

谢谢，拥抱和亲吻。

Answer 1

使用下面的链接

   <link rel="stylesheet" href="/../STglobalStyles.css" type="text/css">