Django模板继承// //如何使用多个CSS文件?

我想找到一种使用Django模板继承为不同模板提供多个CSS文件的解决方案。

到目前为止,我可以使用其他应用程序模板扩展base.html模板。现在,我想为应用程序HTML模板使用单独的CSS文件(一个应用程序= 1x html,1x js,1x css)。但是,当我将模板包含到template标记中时,它将替换base.html中的css文件,并使网站崩溃。

有人如何将第二个css文件实施到扩展的html模板中,而该模板仅引用扩展部分并且不“接触” base.html?

谢谢您的指导。

扩展的html模板,该模板由于替换base.css文件而使网站崩溃:

{% extends 'templates/base.html' %}
{% load static %}

{% block head_css_site %}
<link href="{% static 'Quotes_app.css' %}" rel="stylesheet" type="text/css">
{% endblock head_css_site %}

{% block content %}
<h1>Test</h1>

{% endblock %}

{% block footer_javascript_site %}
<script src="{% static 'Quotes_app.js' %}"></script>
{% endblock footer_javascript_site %}

base.html:

{# HTML5 declaration #}
<!DOCTYPE html>
{% load static %}
<html>
{# Make modifiable head elements #}

<head>
  <title>{% block title %}  {% endblock title %} DASHEX </title>
  {% block head_favicon %}
  <link rel="icon" type="image/png" href="{{ STATIC_URL }}images/logo.jpg">
  {% endblock head_favicon %}
  {% block head_meta %}
  {% block head_meta_charset %}
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  {% endblock head_meta_charset %}
  {% block head_meta_contentlanguage %}
  <meta http-equiv="Content-Language" value="en-US" />
  {% endblock head_meta_contentlanguage %}
  {% block head_meta_viewport %}
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  {% endblock head_meta_viewport %}
  {% endblock head_meta %}


  {% block css %}
  {% block head_css_site %}
  <link href="{% static 'base.css' %}" rel="stylesheet" type="text/css">
  {% endblock head_css_site %}
  {% endblock css %}


</head>
[...]

项目结构:

Django模板继承// //如何使用多个CSS文件?

vcaonimav 回答:Django模板继承// //如何使用多个CSS文件?

在派生模板的块替代中添加a {{ block.super }}(搜索“ super”)以使用父内容和您的扩展名:

{% block head_css_site %}
{{ block.super }}
<link href="{% static 'Quotes_app.css' %}" rel="stylesheet" type="text/css">
{% endblock head_css_site %}
本文链接:https://www.f2er.com/3164850.html

大家都在问