今天我想开始一个新项目,但是当我完成资产加载器和所有内容并执行第一个请求时,发生了一些非常奇怪的事情。我的 css 文件在 chrome devtool 源选项卡中显示为“导入的”css 文件,但是当我在 devtools 元素选项卡中选择一个元素时,我在右侧应有的位置看不到我的样式。我真的不知道该怎么办了。 (后端在 Flask Py 3.12 上运行)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="assets/css/style.css"/>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
* { color: dodgerblue }
尝试使用相对路径。
代替:
assets/css/style.css
用途:
./assets/css/style.css
还要检查文件路径。