Question

我一直在学习一些Flask教程，并且一直在使用Corey的Flask应用作为示例。

我想更改导航栏的背景，我一直想让他了解使用static / main.css

在templates / layout.html中，导航栏具有以下标记；

<nav class="navbar navbar-expand-md navbar-dark bg-steel fixed-top">

这似乎与main.css中的.bg-steel相对应，但是我尝试更改颜色，但这似乎不起作用。

.bg-steel {
  background-color: #c42d3a;
}

我终于设法覆盖了以下内容，但我想知道是否有更干净的方法与main.css集成，因为如果我能直视它，这似乎是一种有效的方法。

<nav class="navbar navbar-expand-md navbar-dark fixed-top" style="background-color: #16239e;">

谢谢

Answer 1

我在Corey Schafer的Flask教程中遇到了同样的问题-在 main.css 中更改背景颜色似乎没有任何作用。

这是因为更改代码后CSS不会自动更新。

在本地运行应用程序时，需要清除浏览器缓存以查看新的CSS。您可以通过工具栏中的“开发”菜单在Safari中执行此操作，然后选择“清空缓存”。