在Sublime Text中无法关联CSS样式到HTML，网页样式不生效求助

别慌，咱们一步步拆解最可能的问题，总能找到原因：

• 先把文件路径的细节抠死
  先确认你的项目结构是不是完全匹配：

  你的项目根文件夹/
  ├─ index.html （你的HTML文件）
  └─ style/
     └─ style.css （你的CSS文件）
  

  如果结构没问题，试试给link标签的href加个./开头，明确指定相对当前HTML文件的路径——有时候浏览器对相对路径的解析会有小偏差：

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

  （补充：HTML5里type="text/css"是可选的，不写也不影响，但如果保留的话要确保拼写完全正确）

• 强制刷新清缓存
  浏览器经常会偷懒缓存旧的CSS文件，导致新样式显示不出来。按下快捷键强制刷新：

  • Windows/Linux：Ctrl + Shift + R
  • Mac：Cmd + Shift + R

• 用开发者工具查加载状态
  打开浏览器的开发者工具（按F12或右键选「检查」）：

  1. 切换到「网络」标签，刷新页面
  2. 在请求列表里找style.css，看状态码：
     • 如果是404：说明路径错了！仔细核对文件夹和文件名的拼写（注意大小写！比如Style和style在区分大小写的系统里是两个完全不同的文件夹）
     • 如果是200：说明文件加载成功，再切到「元素」标签，选中<p id="welcome">，看右侧「样式」面板里有没有#welcome的规则。如果规则存在但被划掉，可能是优先级问题，但你这里只有这一条样式，大概率还是缓存或路径的锅。

• 检查CSS文件的基础正确性
  打开你的style.css，确保内容就是：

  #welcome {
    color: red;
  }
  

  没有多余的符号、拼写错误，并且文件保存为UTF-8编码（大多数编辑器默认就是这个，但如果出现乱码也会导致样式失效）

按上面的步骤走一遍，应该就能解决问题啦！

内容的提问来源于stack exchange，提问作者Sigge Thorén