使用 {% include %} 在 Django 中重用 CSS答案

【问题标题】：Using {% include %} to reuse CSS in Django使用 {% include %} 在 Django 中重用 CSS
【发布时间】：2014-07-28 15:51:25
【问题描述】：

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

一些 CSS 代码调用存储在静态文件中的背景图像，带有 static 模板标签，就像这样

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

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

这一切都很好，直到我意识到我有一个完全不同的页面需要相同的 CSS。所以我所做的就是尝试将其移出listings.html 并用{% includes %} 标签引用它。然而，现在当我运行代码时，只有部分 CSS 可以工作，而不是全部 - 主要是，这部分不起作用：

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

可能出了什么问题？

【问题讨论】：

标签： html css django tags include

【解决方案1】：

如果您的资产是这样组织的：

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

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

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

【讨论】：