浏览器删除重复的CSS声明？

Question

我有一个PHP应用程序，我必须动态生成样式表。样式表具有.php文件扩展名，但我通过Content-Type函数（PHP）将文件的text/css设置为header，然后创建正确形成的CSS以适应我的目的，并在我的页面中包含此样式表。

我所看到的问题是，当我通过我选择的任何浏览器工具查看CSS文件时 - 无论是Firebug，Chrome开发工具还是I​​E开发工具，都会丢失某些类声明（并且很明显是渲染的内容）通过浏览器 - 那些类不存在）。当我检查文件的原始输出时（例如，将PHP CSS文件的地址放在浏览器中以查看原始文本），缺少的类声明确实存在。

缺少的通常是第二个（或第n个）类，它指定相同的background-color值但不同的类名。

这是一个具体的例子：

在原始输出中，我有这两个类：

#draft-board div.pick.RB{
  background-color: #FFCC66;
}

#draft-board div.pick.1B {
  background-color: #FFCC66;
}

但是在浏览器中，它只能看到：

#draft-board div.pick.RB{
  background-color: #FFCC66;
}

为什么会这样？

这是一个公开的示例页面： http://www.phpdraft.com/public_draft.php?action=draftBoard&did=9

（这是该页面的原始CSS输出:) http://www.phpdraft.com/css/draft_board_dynamic_styles.php

Answer 1

我发现了这个问题：CSS类名不能以数字开头，因此所有三个浏览器都没有识别CSS的原因 - 他们在我没有的时候正在关注CSS！