html - 使用 {% include %} 在 Django 中重用 CSS

Question

我在 Django 中遇到了一个奇怪的问题。让我解释一下:

一些 CSS 代码使用 static 模板标签调用存储在静态文件中的背景图片

#listing:not(#foo) div > input + label {
        background: url('{% static 'img/listingSample.png' %}');
        width: 110px;
        height: 99px;
        margin-left: 6px;
        float: left;
        ....

所以我必须直接在 views.py 中调用的 listings.html 模板文件中移动 CSS，否则标签将不会呈现。

一切正常，直到我意识到我有一个完全不同的页面需要相同的 CSS。所以我所做的是尝试将它移出 listings.html 并使用 {% includes %} 标记引用它。但是，现在当我运行代码时，只有部分 CSS 起作用，而不是全部 - 主要是这一点不起作用:

#listing:not(#foo) div > input:checked + label {
        background: brown;
    }

可能出了什么问题？

Answer 1

如果您的资源是这样组织的:

/static
    /css
        /main.css
    /img
        /listingSample.png

你可以在css中使用绝对路径:

#listing:not(#foo) div > input + label {
    background: url('../img/listingSample.png');
    width: 110px;
    height: 99px;
    ....