Chrome线上环境CSS类不生效求助：本地正常IE无异常
根据你描述的情况——本地Chrome/IE都正常，线上仅IE生效，大概率是以下几个常见问题导致的，你可以逐一排查：
路径大小写不匹配：Chrome对文件路径、文件名的大小写是严格敏感的，而IE会自动忽略大小写差异。比如本地你的CSS文件是
style.css，上传到服务器后变成了Style.css，或者HTML里引用路径写的是/css/Style.css但实际文件是/css/style.css，Chrome就会找不到CSS文件，自然不会生效。检查一下HTML里的CSS引用路径和服务器上的实际文件路径、文件名是否完全一致（包括大小写）。浏览器缓存问题：Chrome的缓存机制比较激进，可能你上传了新的CSS文件，但Chrome还在使用本地旧的缓存版本。可以试试按
Ctrl+Shift+R强制刷新页面，或者在开发者工具的“网络”面板勾选“禁用缓存”后重新加载页面，看样式是否生效。CSS文件损坏或语法错误：上传过程中可能出现文件损坏，或者线上的CSS文件存在Chrome无法容忍但IE可以容错的语法错误。比如你代码里的
"Times New Roman"引号，虽然看起来没问题，但如果是全角引号或者其他特殊字符，Chrome会中断解析该样式块，而IE可能会忽略错误继续解析。可以把服务器上的CSS文件下载下来，对比本地版本的代码，或者直接在线上开发者工具的“元素”面板查看对应的表格元素，看是否能找到table1类的样式规则——如果找不到，说明CSS文件没被正确加载；如果找到了但划掉了，可能是优先级问题，但你说完全不生效，大概率是没加载。服务器Content-Type响应头错误：如果服务器把CSS文件的Content-Type设置成了
text/html而不是text/css，Chrome会拒绝解析这个文件作为样式表，而IE可能会“通融”着尝试解析。可以在Chrome开发者工具的“网络”面板里找到CSS文件，查看它的响应头，确认Content-Type是否为text/css。DOCTYPE缺失或错误：如果线上页面没有正确声明DOCTYPE，Chrome会进入怪异模式，导致一些CSS规则的解析和标准模式不同，而IE可能在怪异模式下反而能正常识别你的样式。检查一下页面顶部是否有正确的DOCTYPE声明，比如：
<!DOCTYPE html>
排查的时候建议优先用Chrome的开发者工具（按F12打开），看看“网络”面板里CSS文件是否成功加载，“元素”面板里目标表格的类名是否正确、对应的样式规则是否存在，这些信息能帮你快速定位问题。
内容的提问来源于stack exchange，提问作者Dawny
