我正在使用flask制作(学习)一个简单的web应用程序。我没有使用css输入的模板。我使用jinja2模板中的'style'标记直接编码css。但style标记不起作用。即使在chrome中使用inspect元素,我也能看到样式标签被渲染?
{% extends "base.html" %}
{% block style %}
body{
line-height:1.5;
background-color:gray;
font-size:10px;
}
{% endblock %}
<html>
<head>
{% if title %}
<title>{{ title }}</title>
{% else %}
<title>Welcome to Micro-blogger Index page!</title>
{% endif %}
<style>
{% block style %}{% endblock %}
</style>
</head>
<body>
<h1><a href='/'>Index</a>
<br/>
{% block content %}{% endblock %}
</body>
</html>
编辑:不工作,我的意思是像背景颜色仍然是白色,字体大小和行高不是编码的。
编辑:当我将css元素放入base.html时,呈现工作。但是当我通过index.html文件中的变量时,Prev。提到的事情发生了。是的,我可以链接样式表或者从base.html模板传递css元素,但是当我有两个html文档都继承自相同的base.html,但是需要有不同的css属性(比如不同的背景颜色等)时,在一个场景中(我希望不必这样做,可能是为了调试的目的),我该怎么做呢
什么是需要添加样式使用的忍者模板自定义标签。相反,您可以直接使用style标记。这是密码。
<style>
body{
line-height:1.5;
background-color:gray;
font-size:10px;
}
</style>
而且你可以直接把它放在你想要的任何地方。