为什么外部CSS文件定义的div容器居中样式未生效？

可能的原因按出现概率从高到低排序： #

• 行内样式未删除，优先级覆盖
  行内style属性的CSS优先级远高于外部样式表的类选择器，你当前的div标签上仍然保留了完整的行内居中样式，此时外部编写的.dateContainer类样式会被行内样式直接覆盖，无法生效。需要先删除div标签上的style属性再测试。
• 外部CSS文件加载失败
  检查design.css的文件路径是否正确：你当前引入CSS用的是相对路径href="design.css"，需要保证该CSS文件和HTML文件存放在同一级目录下，同时注意文件名大小写是否匹配（部分操作系统对文件名大小写敏感，Design.css/design.CSS都无法匹配路径）。可以按F12打开浏览器开发者工具，切换到「网络」面板，刷新页面查看design.css是否返回404错误。
• 浏览器缓存旧资源
  浏览器会缓存已加载过的CSS文件，如果你修改CSS后没有刷新缓存，页面仍然会加载旧的无对应样式的CSS文件。可以按Ctrl+F5（Windows）或Cmd+Shift+R（Mac）强制刷新页面，清除缓存后再测试。
• 样式被更高优先级的选择器覆盖
  你引入了Bootstrap等第三方CSS库，若第三方库中存在优先级更高的选择器（比如更具体的选择器body .dateContainer、带!important标记的样式），会覆盖你编写的.dateContainer样式。可以按F12打开开发者工具，切换到「元素」面板选中目标div，查看样式栏中你编写的.dateContainer属性是否被划掉，若被划掉则说明被覆盖，可以通过提升选择器优先级（比如写成body .dateContainer）解决。

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