时间戳

首页 > 解决方案 > CSS 仅适用于使用烧瓶的 html 文件中的某些元素

html - CSS 仅适用于使用烧瓶的 html 文件中的某些元素

问题描述

当我在使用烧瓶时尝试使用 CSS 来设置 HTML 元素的样式时，只有一些元素有效。似乎只有 html 文件中最外层的元素才会被样式化。

from flask import Flask, redirect, url_for, render_template

app = Flask(__name__)

@app.route('/')
def home():
    return render_template('index.html')

if __name__ == '__main__':
    app.run()

* {
    margin: 0px;
    padding: 0px;
}
h1 {
    background-color: orange;
}

#aaa {
    text-align: center;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Flask app</title>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='styles/main.css') }}">
</head>
<body>
    <div class="main_div">
        <div id="aaa">
            ekfeokf
        </div>
    </div>
    <h1 class="re">efeefregoejif</h1>
</body>
</html>

我尝试了不同的东西，使用类、id 和元素“div”“h1”等，但只有最外层的元素（h1 标记）通过 css 文件获取样式。里面的 div（我也尝试了一个 h1 标签）没有样式...

标签： htmlcssflask

解决方案

推荐阅读