Django：在一个 html 中使用多个 CSS 文件
Posted
技术标签:
【中文标题】Django：在一个 html 中使用多个 CSS 文件【英文标题】：Django : Use multiple CSS file in one html 【发布时间】：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 文件，我有其他解决方案吗？
【问题讨论】：
【参考方案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 %
...
【讨论】：
以上是关于Django：在一个 html 中使用多个 CSS 文件的主要内容，如果未能解决你的问题，请参考以下文章
如何在 Django 应用程序中使用来自预制 index.html 模板和 css 的相对路径？
如何在html文件中加载css文件已经在django中扩展了另一个html文件（base.html）