为什么Firefox完全忽略了我的一些CSS？

Question

我在Mountain Lion上使用Firefox 21。我有一些由JavaScript创建的div：

     $(document).ready(function(){
        setup_teaching_points();
     });

以下代码在Chrome中运行良好。 Firefox不会将任何CSS应用于teaching_point_opener_wrapper。

     <style type='text/css'>
       (...other css, none of which touches the class in question here)
       div.teaching_point_opener_wrapper { width:20px; float:right }
     </style>

     <div class="teaching_point_opener_wrapper">
        (...stuff)
     </div>

我唯一能想到的是Firefox在我的div创建之前应用CSS而不是在创建之后尝试对它们应用任何规则。这似乎是疯子......但是，那么多的东西都是。

这里发生了什么？

编辑： 有人开枪打死了我。这是以上几行...

      div#diagram_results_and_thumbnail {width:25%'}

我认为Chrome比FireFox更加聪明。

Answer 1

我认为我有答案，但不是根本原因。 Firefox似乎以不同于其他浏览器的方式缓存页面内容。我刚刚开发了一个网页，并注意到在Firefox中如何更新某些编辑而不是其他编辑 - 不仅仅是CSS，还包括HTML编辑。如果您在新窗口中打开页面，它应该正确更新。但删除缓存和最近的活动并没有更新它。事实上，我需要打开一个隐身窗口来显示新鲜内容！为什么会发生这种情况超出我的范围。