Python 子模板中的第二个样式表/替代样式表_Python_Css_Django_Django Templates

Python 子模板中的第二个样式表/替代样式表

python css django

Python 子模板中的第二个样式表/替代样式表,python,css,django,django-templates,Python,Css,Django,Django Templates,我有一个网站，我正在与python和django合作。我有一个模板html页面，Speakers.html，它扩展了Base.htmlBase.html具有样式表Base.css Speakers.html显示的是base.css样式，我的问题是我希望Speakers.html具有来自另一个样式表Speakers.css的附加样式我一直在想办法，但似乎没有应用speaker.css，事实上，我刚刚在cmd输出中注意到文件speaker.css根本没有被加载我试着把它放在一个块中，这就是你现

我有一个网站，我正在与python和django合作。我有一个模板html页面，

Speakers.html

，它扩展了

Base.html

Base.html

具有样式表

Base.css

Speakers.html

显示的是

base.css

样式，我的问题是我希望

Speakers.html

具有来自另一个样式表

Speakers.css

的附加样式

我一直在想办法，但似乎没有应用

speaker.css

，事实上，我刚刚在cmd输出中注意到文件speaker.css根本没有被加载

我试着把它放在一个块中，这就是你现在看到的代码。。我不得不重复

{%loadstatic%}

以消除一个错误，该错误要求使用endblock，但它似乎没有什么不同

Base.html

<!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

<!-- 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

<!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

<!-- 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

因此，我认为Speakers.html上的文本如果有效，应该全部为红色。

尝试在模板中使用

块
比如：
Base.html
<!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

<!-- 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

<!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

<!-- 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


Base.Html
{%load static%}
{%block css%}{%endblock%}
…ect

Speakers.html
<!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

<!-- 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

<!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

<!-- 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


{%extends“Base.html”%}
{%block-css%}
{%load static%}
{%endblock%}
{%block currentpage_content%}
嘉宾演讲者
如果speakers.css应用正确，此文本将为红色
…ect

通过在父级中定义块，然后在子级中指定它们，css文件将插入到模板中。
尝试在模板中使用块
比如：
Base.html
<!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

<!-- 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

<!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

<!-- 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


Base.Html
{%load static%}
{%block css%}{%endblock%}
…ect

Speakers.html
<!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

<!-- 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

<!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

<!-- 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


{%extends“Base.html”%}
{%block-css%}
{%load static%}
{%endblock%}
{%block currentpage_content%}
嘉宾演讲者
如果speakers.css应用正确，此文本将为红色
…ect

通过在父级中定义块，然后在子级中指定它们，css文件将插入到模板中。
感谢您的支持！我确实试过了，但它似乎不起作用，首先我遇到了一个错误，记不清它到底是什么，但它不喜欢使用{%static..“%}，因为它需要结束块。因此，我尝试在之前再次添加{%load static%}，它编译得很好，但仍然没有应用css。我还注意到在cmd输出中，speakers.css似乎没有被加载。奇怪的是，这个解决方案今天早上运行得很好，我唯一能得出的结论是，是我的网络浏览器出了问题。干杯，太好了。很高兴这对你有帮助。：-）关于静态
声明，您是对的（我错把它删掉了）。我已经编辑了我的答案来更正这个问题。谢谢你的回复！我确实试过了，但它似乎不起作用，首先我遇到了一个错误，记不清它到底是什么，但它不喜欢使用{%static..“%}，因为它需要结束块。因此，我尝试在之前再次添加{%load static%}，它编译得很好，但仍然没有应用css。我还注意到在cmd输出中，speakers.css似乎没有被加载。奇怪的是，这个解决方案今天早上运行得很好，我唯一能得出的结论是，是我的网络浏览器出了问题。干杯，太好了。很高兴这对你有帮助。：-）关于静态
声明，您是对的（我错把它删掉了）。我编辑了我的答案来纠正这个问题。