Question

以下是我的homepage.html是家庭应用

{% extends "base.html" %}
{% load static %}
<link rel = "stylesheet" href = "{% static 'css/home.css' %}" > #reference to stylesheet in the home app static directory

{% block body %}
   <h1>I am homepage</h1>
{% endblock %}

我在项目根文件夹中的base.html是以下

<!DOCTYPE html>
<html>
  <head>
    <link rel = "stylesheet" href = "{% static 'base.css' %}" > #stylesheet in root folder
  </head>

  <body>
     {% block content %}
     {% endblock %}
  </body>
</html>

但是在这里，homepage.html中的home.css不能正常工作，因为base.html上的extension在home.css可以进入头部之前关闭了头部。

有什么方法可以将CSS添加到标题中

谢谢

Answer 1

您只需要另一个方块。

在base.html中：

<head>
  <link rel="stylesheet" href="{% static 'base.css' %}">
  {% block extrahead %}{% endblock %}
</head>
...

和homepage.html中的

{% extends "base.html" %}
{% load static %}
{% block extrahead %}<link rel="stylesheet" href="{% static 'css/home.css' %}">
{% endblock %}
...

如何正确扩展并包含在Django模板中

1 个答案: