我有这样的基本模板:
<head>
<title>{% block title %}{% endblock %}</title>
<link rel="stylesheet" href="/static/style.css"/>
刷新页面时日志中的这段文字:
[01/Dec/2011 18:22:00] "GET /search/ HTTP/1.1" 200 2760
[01/Dec/2011 18:22:00] "GET /static/style.css HTTP/1.1" 200 54
因此,这意味着 CSS 从服务器正确加载。但它不起作用!如果我将此 CSS 作为文本直接包含到基本模板中,它可以正常工作。 静态文件配置OK。
最佳答案
您是否将 css 放在一个 block 中,并将其放在 base 的头部?
/* base.html */
<html>
<head>
<title>{% block title %}{% endblock %}</title>
{% block extra_head %}{% endblock %}
</head>
<body>
{% block content %}{% endblock %}
</body>
</html>
/* another template */
{% extends 'base.html' %}
{% block title %}My Title{% endblock %}
{% block extra_head %}
<link rel="stylesheet" href="/static/style.css"/>
{% endblock %}
{% block content %}
<h1>This is my page!</h1>
{% endblock %}
在您的浏览器中,页面源代码看起来如何?样式表在头部吗?你能点击链接并查看实际的 CSS 吗?
关于python - Django 模板扩展和 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8343176/