子模板中的第二个样式表/覆盖样式表

Hol*_*lly 1 css python django django-templates

我有一个网站,我正在与 python 和 django 放在一起。我有一个模板 html 页面,Speakers.html扩展了Base.html. Base.html有样式表base.css

Speakers.html正在以base.css应有的样式显示,我的问题是我想Speakers.html从另一个样式表speakers.css.

我一直在试图弄清楚,但speaker.css似乎没有被应用,事实上我刚刚在 cmd 输出中注意到文件 Speaker.css 根本没有被加载。

我试着把它放在一个块中,这是你现在在下面看到的代码..我不得不重复{% load static %}以消除一个关于它期待 endblock 的错误,但它似乎没有什么不同。

基本文件

<!DOCTYPE HTML>
<html lang="en">

<head>
    <title>Base.Html</title>
    {% load static %}
    <link rel="stylesheet"  type="text/css" href="{% static "CSS/base.css" %}" />
    {% block additionalcss %}{% endblock %}
</head>

<body>

...ect
Run Code Online (Sandbox Code Playgroud)

演讲者.html

<!-- extending works -->
{% extends "Base.html" %} 


 <!-- Now i'm trying to load an additional stylesheet -->
{% block additionalcss %}
{% load static %}
<link rel="stylesheet"  type="text/css" href="{% static "CSS/speakers.css" %}" />
{% endblock %}

{% block currentpage_content %}
<h2>Guest speakers at the event</h2>

<p> This text would be red if speakers.css was applying properly </p>
...ect
Run Code Online (Sandbox Code Playgroud)

出于测试目的,我已将以下规则放入speakers.css 中:

*
{
color: red;
}
Run Code Online (Sandbox Code Playgroud)

所以我认为 Speakers.html 上的文本应该都是红色的,如果它可以工作的话。

Edw*_*rdr 5

尝试blocks在模板中使用。

就像是:

基本文件

<!DOCTYPE HTML>
<html lang="en">

<head>
    <title>Base.Html</title>
    {% load static %}

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

<body>

...ect
Run Code Online (Sandbox Code Playgroud)

演讲者.html

<!-- extending works -->
{% extends "Base.html" %} 

{% block css %}
{% load static %}
<link rel="stylesheet"  type="text/css" href="{% static "CSS/speakers.css" %}" />
{% endblock %}

{% block currentpage_content %}
<h2>Guest speakers at the event</h2>

<p> This text would be red if speakers.css was applying properly </p>
...ect
Run Code Online (Sandbox Code Playgroud)

通过在父级中定义块,然后在子级中指定它们,css 文件将被插入到您的模板中。