1

私はpythonとdjangoと一緒に作成しているウェブサイトを持っています。Speakers.htmlを拡張するテンプレートhtmlページがありますBase.htmlBase.htmlスタイルシートがありますbase.css

Speakers.htmlbase.cssあるべきスタイルで表示されていますが、私の問題はSpeakers.html、別のスタイルシートから追加のスタイルを取得したいということですspeakers.css

私はそれを理解しようとしていspeaker.cssますが、適用されていないようです。実際、cmd出力でファイルspeaker.cssがまったくロードされていないことに気づきました。

私はそれをブロックに入れてみました。これは、以下に表示されているコードです。エンドブロックを{% load static %}予期してエラーを取り除くために繰り返す必要がありましたが、違いはないようです。

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

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

テストの目的で、speakers.cssに次のルールを設定しました。

*
{
color: red;
}

したがって、Speakers.htmlのテキストは、機能していればすべて赤である必要があると思います。

4

1 に答える 1

5

blocksテンプレートで使用してみてください。

何かのようなもの:

Base.html

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

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

親でブロックを定義し、次にそれらを子で指定することにより、cssファイルがテンプレートに挿入されます。

于 2012-06-26T18:53:49.070 に答える