html - 为什么样式表只适用于索引页，而不适用于索引页的任何扩展？ (使用 Jinja 的模板)

Question

正如我在标题中所说；我正在使用 Django 制作一个基本的博客，虽然我有一行基本的代码将 CSS 样式表绑定(bind)到博客的索引；这工作得很好，但每当我链接到所述索引表的任何模板时，样式表似乎都不会滚动到模板上。换句话说，与索引表不同，模板没有应用任何 CSS。

我正在使用 Jinja2 模板排序。

这是链接样式表的当前 HTML 行:

`<link rel="stylesheet" type="text/css" href="static/style.css" />`

这是有问题的模板:

{% extends 'tempblog/index.html' %}
{% block content %}
<br /><br /><br />Hi!
{% for post in latest_posts %}
<ul>
<br /><br />
<li>
{{ post.title }} </li><br /><br /> {{ post.body }}
</ul>
{% endfor %}
{% endblock %}

另请注意，模板显示所有数据库调用都很好，这是样式表仅在索引上工作的问题，而不是在索引页面的任何扩展上。谢谢。

Answer 1

您正在为样式表使用相对 URL；您需要在前面添加一个正斜杠，以便它相对于根而不是正在查看的页面。

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