Mac版VS Code中CSS仅在index.html生效，其他页面无更新

问题原因 #

你的食谱页面存在CSS路径错误：

• 首页index.html在根目录，用相对路径style.css能正常加载同目录下的样式文件
• 食谱详情页（如braisedbeefandtortellini.html）放在recipes子文件夹里，却用了绝对路径/odin-recipes/style.css，浏览器会从系统/服务器根目录去找这个路径，自然找不到你的样式文件

修复步骤 #

把食谱详情页里的CSS链接替换成相对路径：
原代码：

<link rel="stylesheet" href="/odin-recipes/style.css">

修改为：

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

路径逻辑说明 #

你的目录结构应该是这样的：

根目录/
├─ index.html
├─ style.css
└─ recipes/
   ├─ braisedbeefandtortellini.html
   ├─ carbonara.html
   └─ orzo.html

../表示向上跳转一级目录，从recipes文件夹回到根目录，就能精准定位到style.css文件。

额外提示 #

本地开发时尽量用相对路径，避免绝对路径带来的定位问题，后续调整目录结构时也更容易维护。

内容的提问来源于stack exchange，提问作者A Soggy Crouton