Question

我不知道为什么它不起作用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="main.css"/>
</head>
<body>
<p class="color">hallo</p>
</body>
</html>

和

.color {
    color: blue;
}

我尝试过：

<link rel="stylesheet" type="text/css" href="main.css"/>
<link rel="stylesheet" type="text/css" href="/main.css"/>
<link rel="stylesheet" type="text/css" href="static/main.css"/>
<link rel="stylesheet" type="text/css" href="/static/main.css"/>

以其他方式

当我将CSS文件放入带有html和href="main.css"的文件夹中时，它可以很好地工作。

在其他项目中，我的静态文件夹没有此类问题。我也尝试过重新启动IDE。

Answer 1

您位于模板文件夹内，因此必须使用两个点在文件夹上向上移动，然后进入静态文件夹。

像这样：

<link rel="stylesheet" type="text/css" href="../static/main.css"/>

Answer 2

在查看文件组织方式的屏幕快照时，您可能希望尝试使用href。“ ../ static / main.css”，因为这是相对路径名。

Answer 3

更新标头，

<link rel="stylesheet" type="text/css" href="../static/main.css"/>

Answer 4

如果您使用

页面正在html文件的同一文件夹中找到文件

<link rel =“ stylesheet” type =“ text / css” href =“ main.css” />无效

4 个答案: