CSS文件仅index.html生效，pages文件夹页面无法加载CSS求助

核心问题分析 #

你的问题根源有两个：

• 相对路径错误：pages文件夹里的HTML文件，当前目录是pages/，用css/styles.css会在pages/css/里找文件，而你的CSS在主目录的css/里，自然找不到。
• 路径分隔符错误：Web环境里统一用正斜杠/，不要用Windows本地的反斜杠\，浏览器无法正确解析反斜杠路径。

正确的引用方式 #

假设你的项目结构是这样的：

项目根目录/
├─ index.html
├─ css/
│  └─ styles.css
└─ pages/
   ├─ 你的页面.html
   └─ 其他页面.html

把pages文件夹内页面的CSS引用代码改成：

<link rel="stylesheet" href="../css/styles.css">

原理说明 #

• ../ 表示回到上一级目录（从pages/回到项目根目录）
• 再通过css/styles.css找到根目录下的CSS文件
• 正斜杠/是Web标准路径分隔符，所有浏览器都能正确识别

验证方法 #

修改后打开页面，按F12打开开发者工具，切换到「控制台」标签，如果没有出现404 Not Found的错误提示，就说明CSS加载成功了。

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