CSS外部样式不生效排查：LivePreview异常导致样式失效

问题情况 #

• 外部样式文件styles.css和HTML文件放在同一目录，文件名完全正确
• 文件中定义的.tribute类样式、h1标签样式全部不生效
• 只有HTML元素上写的内嵌style属性能正常起作用

排查过程 #

• 核对了HTML文档的字符集设置，无异常
• 检查<link>标签的rel属性确实设置为stylesheet，路径写法正确
• 排除了选择器语法错误、文件编码问题等常规诱因

最终解决 #

定位到是LivePreview工具异常导致的样式加载失败，直接在Chrome浏览器中打开本地HTML文件，外部CSS样式就正常显示了。

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