Question

我是Flask的新手，我正在尝试使main.ss文件与base.html文件进行交互。当我更改CSS代码时，在浏览器中查看应用程序时不会反映出来。任何帮助将不胜感激！

base.html的文件路径是documents / ds / ds / templates / base.html main.css的文件路径是documents / ds / ds / static / main.css

标题title.html代码如下：

<!DOCTYPE html>
<html>
  <head>

  <title> Deplorable Snowflake </title>

  <link href="/static/main.css" rel="stylesheet"> 
  <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter- 
  bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" 
  media="screen">
  <script src="https://code.jquery.com/jquery-latest.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter- 
  bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="{{ url_for('static', filename='moment.min.js') }}"> 
  </script>
  <script src="{{ url_for('static', filename='script.js') }}"></script>
  <script type="text/javascript" 

src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"> 
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">


</head>

这是我在标题中链接到它的方式吗？ ...

Answer 1

更改<link href="/static/main.css" rel="stylesheet">

收件人：

<link href="{{ url_for('static', filename='main.css') }}" rel="stylesheet">

并确保将main.css文件放在您的静态文件夹中。

Flask main.css文件无法与base.html文件一起使用

1 个答案: