1

GAE はテンプレート システムを提供し、外部 CSS ファイル (たとえば「base.css」) をリンクできる「base.html」を作成することができます。ただし、拡張 html で内部 CSS を定義するにはどうすればよいですか? 「base.css」で CSS を定義したくありません。拡張された html ファイルが非常に多く、互いに競合する可能性があるためです。今、私はタグの中でそれをしなければなりません:-(

具体的には：

拡張された.html:

{% extends "base.html" %}
  <style>   <!-- how to do this? -->
    h1 {
      font-family: Arial;
      color: olive;
    }
    h2 {
      color: red;
    }
  </style>
  <h1> ... </h1>
    ...
  <h2> ... </h2>
    ...
  <h1> ... </h1>
4

1 に答える 1

3

base.htmlでブロックを定義します。ブロックは、拡張テンプレートから入力できるプレースホルダーです。

アプローチ1：

base.html 

<style>
{% block css %}{% endblock %}
</style>

extended.html 

{% block css %}
  h2 {
  color: red;
}
{% block %}

アプローチ2：

base.html 

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

extended.html 

{% block css %}
 <link href="extended.css" rel="stylesheet">
{% block %}
于 2012-12-02T05:48:44.123 に答える