为何外部CSS的修改无法应用到我的HTML文件？

• 先清浏览器缓存！按Ctrl+F5强制刷新页面，或者打开F12开发者工具，在「网络」面板勾选「禁用缓存」再刷新。90%的新手遇到这个问题都是缓存搞的鬼。
• 核对link标签写法：必须包含rel="stylesheet"，完整写法比如：

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

  别把rel写成ref或者其他错字，这是最容易犯的低级错误。
• 检查选择器优先级冲突：内联样式的优先级本来就比外部CSS高，如果你的HTML元素写了style属性，外部CSS的样式会被覆盖。打开F12元素面板，看对应的样式是不是被划掉了——如果是，要么去掉内联样式，要么提升外部选择器的优先级（比如给元素加个类，用.my-class代替标签选择器）。
• 排查CSS文件语法错误：比如少写了分号、括号不闭合，像body { background: #fff这种漏了闭合括号的写法，会导致整个CSS文件后面的代码都失效。可以把CSS代码粘到开发者工具的「样式」面板里，看有没有红色报错提示。
• 确认本地服务（如果用了）的状态：如果你是用VS Code的Live Server这类工具运行项目，试着重启一下服务，有时候服务没监听到CSS文件的修改。

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