Django：在一个 html 中使用多个 CSS 文件答案

【问题标题】：Django : Use multiple CSS file in one htmlDjango：在一个 html 中使用多个 CSS 文件
【发布时间】：2018-09-27 03:08:17
【问题描述】：

在 Django 中，可以在一个 HTML 文档中使用不同的 Css 文件吗？

我想在将 base.html 扩展为 page1.html 的同时，为 base.html 使用一个 css，为 page1.html 使用另一个 css...

例如base.html：

{% load static %}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="{% static "css/base.css" %}">
</head>
{% block content %}{% endblock%}
</body>
</html>

和 page1.html ：

{% extends "base.html" %}
{% load static %}
<link rel="stylesheet" href="{% static "css/page1.css" %}">
{% block content %}
code...
{% endblock %}

我不想合并 Css 文件，我有其他解决方案吗？

【问题讨论】：

标签： python html css django django-templates

【解决方案1】：

当然，您可以使用任意数量的 CSS 文件。

最好的做法是在基本模板的<head> 部分中定义一个特定的块，用于额外的 CSS 或您可能想要放置的任何其他内容。所以：

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

那么你的子模板可以是：

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

【讨论】：