如何在衍生模版中引用新的 css 文件?

2015-07-07 06:27:59 +08:00
 lbfeng

base.html
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}">

new.html
{% extends "base.html" %}
这个页面中引用另一个的css而不是'style.css',直接引用会用冲突,有什么办法解决呢?

2030 次点击
所在节点    Python
4 条回复
Septembers
2015-07-07 06:53:26 +08:00
1.原则上CSS尽可能不要污染标签的样式 另外 命名尽可能完备
2.如果在不改变现有模板组织结构的前提下的话
 可以用JavaScript干涉head中的样式引用来达到目的

@Livid @Kai This may be moved to /go/python
virusdefender
2015-07-07 07:36:38 +08:00
在base里面增加一个block 比如{% block cssblock %}{% endblock %] 然后在后面的模板中覆盖掉
P233
2015-07-07 08:49:44 +08:00
在原 CSS 文件中 @import
cc7756789
2015-07-08 15:54:20 +08:00
我觉得你可以在页面的视图中传个boolean, 在base.html做个判断,
@app.route('/new')
def new():
var = True


{% if var %}
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='newcss') }}">
{% elif %}
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles.css') }}">
{% endif %}

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/203842

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX