html - 完全相同的 CSS 代码适用于一页而不适用于另一页

标签 html css

我有一个链接到 HTML 页面 (results.html) 的 CSS 样式表,但 CSS 仅在 HTML 从一个路径而不是另一个路径呈现时起作用。 两个路由都指向相同的 HTML,但 CSS 仅适用于其中一个。

结果.html:

<head>

    <link rel="stylesheet" type="text/css" href="static/css/tab.css?version=3423">

</head>

css 在这里工作:

@app.route('/kinase', methods=['GET', 'POST'])

def kinase():
    search = KinaseSearchForm(request.form)
    if ...
        return k_search_results(search)
    return render_template('kinase.html', form=search)

@app.route('/k_search_results')
def k_search_results(search):
    results = []
    search_string = search.data['search']
    ...
    else:
        # display results
        return render_template('results.html', results=results)

但不是这里:

@app.route('/profile/<kinase>')
def profile(kinase):
    ...
    return render_template('results.html', results=results)

我将 .css 和 .html 放在同一个根文件夹中,但也没有成功。 我还尝试了所有硬重置/绕过缓存选项。

我收到的消息是(不确定为什么要在此处添加配置文件 - 没有名为配置文件的目录):

"GET /profile/static/css/tab.css?version=3423 HTTP/1.1" 404 -

而对于第一个 html,它似乎知道 tab.css 文件在哪里:

"GET /static/css/tab.css?version=3423 HTTP/1.1" 200 -

最佳答案

由于您从不同的目录指向同一个 CSS 文件,因此您需要使用绝对路径。 /static/css/tab.css?version=3423

关于html - 完全相同的 CSS 代码适用于一页而不适用于另一页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54598577/

相关文章:

html - CSS 优先级规则

javascript - Bootstrap 3方 block 展示

html - bulma 字段类不会创建边距底部

jquery - 是否所有来自正确窃听器的 css 动画?

css - div 标签中不需要的空间

javascript - 为什么未在脚本标记内的函数中声明变量时不会给出错误 "variable not defined"

javascript - 在带有溢出的 div 中使用 AOS(滚动动画)

Javascript - 在 KeyDown 上交换 Div

php - 如何在缩放后重置图形/图表,使用 chartjs 平移

html - div之间的CSS高度关系