为什么我的HTML文件无法读取关联的CSS文件？404页面样式加载异常

我正在搭建一个网站，我的.html文件无法关联到我的.css文件。

相关代码 #

HTML代码 #

<!DOCTYPE html>
<link href="https://fonts.googleapis.com/css2?family=Montserrat" rel="stylesheet">
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="404.css">
  <title>Pacebi - 404</title>
</head>
<body>
body text here
</body>
</html>

CSS代码 #

body{
  font-family:'Montserrat';
  background-color:whitesmoke;
  color:black;
}
button{
  font-family:'Montserrat';
  background-color:whitesmoke;
  color:black;
}

补充说明 #

• 其他页面使用完全相同的配置均可正常工作，仅该404页面出现加载异常
• 开发使用在线网页编程工具replit.com，不受操作系统影响，分别通过Windows 10和Android 11设备完成编辑操作

问题解决方法 #

该问题已解决，操作如下：

1. 清理浏览器缓存
2. 将404.html放在与.css文件相同的目录下

该问题与404页面本身属性无关，仅为文件路径配置和浏览器缓存导致的加载异常

内容的提问来源于stack exchange，提问作者daysant