为何外部CSS样式未应用到HTML表格？

先看你提供的CSS代码和表格显示效果：

给你几个直接的排查方向：

• 打开浏览器F12开发者工具，选中表格元素，看「Styles」面板里有没有加载到你写的table/th/td样式。
  • 如果完全看不到这些规则：要么是CSS文件缓存没更新，按Ctrl+F5（Windows）/Cmd+Shift+R（Mac）强制刷新；要么是前面的CSS代码有语法错误（比如漏了大括号、分号），导致后面的表格规则没被解析。
  • 如果看到规则但被划掉：说明有优先级更高的样式覆盖了它，比如HTML表格写了内联style属性，或者其他CSS里用了#id table、.class table这种更具体的选择器。
• 检查HTML里的表格标签：有没有加特殊的类名/ID，或者被嵌套在有特殊样式的容器里？如果你的CSS是全局table规则，只要是标准<table>标签就应该匹配，但如果容器有overflow、display之类的属性影响，也可能导致样式表现异常。
• 直接在开发者工具的「Elements」面板里手动给表格加样式（比如border-collapse: collapse; border:1px solid #ccc;），看能不能正常显示，以此判断是样式没加载还是规则冲突。

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