外部CSS样式不受网站影响

Question

我开发了我的网站，其中包含index.html，CSS文件名为main.css。我尝试使用以下标记将外部样式表导入到我当前的index.html。

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

屏幕截图在这里 但我有问题是CSS文件中的样式是什么样的样式在我的网站上没有受到影响。但是，当我尝试使用codepen时，它的工作正常。

尝试观看直播演示：CodePen code

如果有任何疑问，请尝试通过分隔html文件和css文件

在本地计算机上执行

为什么它正在处理index.html？

修改：文件结构