スタイルシートはインデックスページでのみ機能しますが、インデックスページの拡張機能では機能しないのはなぜですか？ （テンプレートを使用してJinja）

Question

私がタイトルで言ったように;私はDjangoを使って基本的なブログを作っていますが、CSSのスタイルシートをブログのインデックスに結びつける基本的なコードがありますが、これはうまくいきますが、上記のインデックスシートのテンプレートにリンクするときはいつでも、スタイルシートはテンプレートにロールオーバーしていないようです。 つまり、テンプレートには、インデックスシートとは異なり、CSSが適用されていません。

私はJinja2テンプレートシーケンシングを使用しています。

これは、スタイルシートをリンク現在のHTML行です：

`<link rel="stylesheet" type="text/css" href="static/style.css" />` 

これが問題のテンプレートです：

{% extends 'tempblog/index.html' %} 
{% block content %} 
<br /><br /><br />Hi! 
{% for post in latest_posts %} 
<ul> 
<br /><br /> 
<li> 
{{ post.title }} </li><br /><br /> {{ post.body }} 
</ul> 
{% endfor %} 
{% endblock %} 

はまた、テンプレートは、この、うまく呼び出し、すべてのデータベースが表示されていることに注意してくださいスタイルシートはインデックスページでのみ動作し、インデックスページの拡張には関係しません。ありがとうございました。

Answer 1

あなたはスタイルシートの相対URLを使用しています。フォワードスラッシュを前に付ける必要があります。スラッシュは、ページが表示されているのではなく、ルートを基準にしています。

<link rel="stylesheet" type="text/css" href="/static/style.css" />