Question

我尝试将this（包含layout.html和index.html）集成到我的应用中。在开始之前我只有index.html，我的所有css / javascript包含在顶部。

当前文件结构

/app
    - app_runner.py
    /templates
        - layout.html
        - index.html
    /static
        /styles
            - mystyle.css

Layout.html（主要是css和javascript CDN和我的样式表）

<!doctype html>
<!-- Latest bootstrap compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional bootstrap theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- jquery -->
<script
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>
<!-- Latest bootstrap compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- jstree -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
<!-- my stylesheet -->
<link rel='stylesheet' type='text/css' href="{{url_for('static',filename='styles/mystyle.css')}}" />
<script type="text/javascript">
  var $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
</script>
{% block body %}{% endblock %}

在大多数情况下，页面呈现相同：显示jstree，引导程序工作，并应用我的其余样式。在我的css文件中，我有一行未应用：

td {
    padding: 5px;
}

开发人员控制台显示padding：0，它来自一个bootstrap脚本。如果我在开发者控制台中更改它，我可以将其更改为5px。

我听说使用!important是不好的做法，但我还是试了一下，没有任何改变。我尝试在我的所有td中添加一个类，因此它有更高的先例（基于this answer）并且应用了该样式（.my_row{padding:5px;}），但同样不会更改。所以我的css似乎没有被应用到我的桌子上。 mystyle.css的其他部分可以工作。

关于为什么填充没有应用到我的桌子的任何想法？

Answer 1

因此事实证明我的样式表在缓存中没有刷新。我找到了site的答案。

我将这些代码行添加到我的python（app-runner.py）

p <- (| Person (newIORef "Boston") (newIORef 100) |)

Flask css在布局中没有加载

1 个答案: