谷歌应用引擎：如何在模板中使用内部CSS？_Css_Google App Engine_Templates

谷歌应用引擎：如何在模板中使用内部CSS？

css google-app-engine templates

谷歌应用引擎：如何在模板中使用内部CSS？,css,google-app-engine,templates,Css,Google App Engine,Templates,GAE提供了一个模板系统，我们可以创建一个“base.html”，其中可以链接一个外部CSS文件（比如“base.CSS”）。但是，如何在扩展html中定义一些内部CSS？我不想在'base.CSS'中定义CSS，因为有太多扩展html文件，它们可能相互冲突。现在，我必须在标签内完成：-( 具体而言： extended.html： {% extends "base.html" %} <style>  h1 {

GAE提供了一个模板系统，我们可以创建一个“base.html”，其中可以链接一个外部CSS文件（比如“base.CSS”）。但是，如何在扩展html中定义一些内部CSS？我不想在'base.CSS'中定义CSS，因为有太多扩展html文件，它们可能相互冲突。现在，我必须在标签内完成：-(

具体而言：

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

{%extends“base.html”%}
h1{
字体系列：Arial；
颜色：橄榄色；
}
氢{
颜色：红色；
}
... 
...
... 
...
...

在base.html中定义块。块是可以从扩展模板中填充的占位符

方法1:

base.html

方法2:

base.html


{%block css%}{%endblock%}

extended.html

{%block-css%}
{%block%}

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

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

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

{% block css %}
 <link href="extended.css" rel="stylesheet">
{% block %}