CSS规则神秘地消失了

时间:2011-07-06 15:38:14

标签: css

this page中,我在ui.css中有以下规则:

.cfl #home-columns .col li:last-child {
    position: absolute;
    bottom: 0px;
}

它应该将四列中每一列底部的“更多”链接移动到共享容器的底部。

问题是浏览器会丢弃该规则。如果您通过Firebug(或Chrome的开发工具,或IE或Opera的Dragonfly)查看实时CSS,那么规则就不存在了。然而,如果我直接在Firebug中输入 exact 相同的规则,它就可以正常工作。

我通过W3C验证器(results)运行CSS文件,除了一堆供应商前缀属性外,所有内容都会检出。

让我感到困惑。我错过了什么?

编辑:

在@Jason Gennaro的建议下,我尝试将它放在一个不同的CSS文件中并加载它。当我把它放在另一个CSS文件中时它工作正常。使用ui.css时会发生一些奇怪的事情。所以,我可以通过添加另一个样式表来解决我的问题。我宁愿避免这种情况,因为该网站已经有14个CSS文件,这有点荒谬。

编辑2:

screenshot of three file states, further description below

以下是各种状态的屏幕截图,显示直接在浏览器中查看的文件,Chrome浏览器的实时开发人员工具视图中显示的CSS,以及通过wget从非现场(非网络服务器)下载的文件)linux box。

编辑3:

问题是负载均衡器只有HTTPS样式表的缓存副本。所以解决方法是修复愚蠢的负载均衡器。

1 个答案:

答案 0 :(得分:4)

我没有看到ui.css在任何地方加载。你确定要加载文件吗?

相关问题