Question

好的，我已经有了我的基本模板，并且我在其他三个模板中扩展了它，它只适用于其中一个模板。我发现这很奇怪。我不确定这里的代码是什么，所以请评论我应该发布的代码。

碱

<link rel="stylesheet" type="text/css" href="static/default.css" media="screen"/>
<title>{% block title %}Marijus Merkevicius{% endblock %}</title>
<div class="holder">{% block content %}{% endblock %}

index（css适用于此模板）：

{% extends "base.html" %}
{% block title %}Marijus Merkevicius{% endblock %}
{% block content %}
    {% for entry in entries %}
        <h1><a href="{{ entry.category.slug }}/{{ entry.slug }}/"</h1>
        <p>{{ entry.text|safe|escape }}</p>
    {% endfor %}

{% endblock %}

详细信息（css不起作用）：

{% extends "base.html" %}
{% block title %}{{ entry.title }} | Marijus Merkevicius{% endblock %}
{% block content %}
    <h1>{{ entry.title }}</h1>
    <p>{{ entry.text|safe|escape }}</p>
{% endblock %}

Answer 1

<link rel="stylesheet" type="text/css" href="static/default.css" media="screen"/>

您正在使用相对链接。这意味着根据呈现此页面的URL，CSS的URL也会发生变化。

由于您正在使用索引模板和详细信息模板，我猜测这两个根网址不同（典型模式是详细信息页面是索引的“子目录”）。

直接指向您的css文件：/static/default.css如果您的css文件位于example.com/static/default.css

当从同一模板扩展时，CSS仅在三个模板中的一个模板中起作用

1 个答案: