我在 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;
}
可能出了什么问题?
最佳答案
如果您的资源是这样组织的:
/static
/css
/main.css
/img
/listingSample.png
你可以在css中使用绝对路径:
#listing:not(#foo) div > input + label {
background: url('../img/listingSample.png');
width: 110px;
height: 99px;
....
关于html - 使用 {% include %} 在 Django 中重用 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24999091/