如何从Shows的Testshow子文件夹链接CSS文件夹中的CSS文件？

先明确你的项目目录结构（假设项目根目录是最外层文件夹）：

项目根目录
├── CSS
│   └── style.css
├── HTML
├── Shows
│   └── Testshow
│       └── 你的HTML文件.html

你用/css/style.css失效的核心原因：
这个是站点根目录相对路径，只有当项目被部署在服务器根目录，或者本地开发服务器把项目根设为站点根时才会生效。如果直接双击打开本地HTML文件（用file://协议访问），这个路径会指向系统根目录，自然找不到你的CSS文件。另外注意文件夹大小写——你实际文件夹是CSS，路径里写成css的话，在区分大小写的系统（比如Linux/macOS）上也会失效。

给你几个可行的解决办法：

• 相对路径（本地开发首选）
  从Testshow文件夹往上退两级到项目根，再进入CSS文件夹，代码如下：

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

  解释：../代表返回上一级目录，第一个../从Testshow回到Shows，第二个../从Shows回到项目根，就能定位到CSS文件夹里的style.css。

• 配置本地开发服务器根目录
  如果你用VS Code的Live Server插件，右键点击项目根目录里的任意文件，选择「Open with Live Server」，此时站点根就是你的项目根目录，你原来的路径改成/CSS/style.css（和文件夹名大小写一致）就能正常生效。

• 绝对本地路径（仅临时测试用）
  直接写CSS文件的本地绝对路径，比如：

  <link rel="stylesheet" href="C:/你的项目路径/CSS/style.css">
  

  缺点：换电脑或移动项目后路径直接失效，不推荐长期使用。

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