Javascript 无法将JS和CSS链接到HTML

我在Mac上运行flask，并尝试使用以下代码将js和css连接到我的html。当我检查元素时，似乎目录是完全正确的，但是css和js对我的html没有影响。请帮助！：

    <!-- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta -->
    <meta charset="utf-8"/>
    <meta content="initial-scale=1, width=device-width" name="viewport"/>

    <!-- Script for using MathJax -->
    <script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_CHTML"></script>

    <!-- Link to own style sheet -->
    <link href="{{ url_for('static', filename='styles.css') }}" rel="stylesheet"/>

    <!-- app's own JavaScript -->
    <script src="{{ url_for('static', filename='scripts.js') }}"></script>

    <title>Corporate Finance Assistant: {% block title %}{% endblock %} </title>

</head>

公司财务助理：{%block title%}{%endblock%}

---

检查网络选项卡，查看脚本实际创建的URL是否正确。它将向您显示浏览器试图从哪个路径下载脚本您的控制台显示了什么？控制台显示完全没有错误，这是我在inspect元素中得到的：当我单击static/styles.css时，我会返回我编写的css文件，该文件将指示您的文件链接正确，但文件中的代码没有执行你能分享你想要的CSS和HTML样式吗？