IE 11只选择了一些css规则而不是其他规则

Question

我有<thead>没有显示其背景颜色。然而，所有其他CSS规则都正常工作。这是我写的代码

HTML文件：

<link rel="stylesheet" href="css/General.css">`
...
<thead class="tableheader">

在我的外部引用的CSS文件中：

.tableHeader {
    background-color: #428bca !important; /*blue*/
    color:white;     
}

这在除了11之外的所有其他浏览器中都可以正常工作。在开发人员工具的DOM浏览器中，我可以看到它从我的css文件中获取了其他规则，所以我不确定为什么它会跳过这个。有什么想法吗？

编辑：好吧显然我无法阅读.. css规则有一个大写字母H ..但是......我的问题仍然是一样的。为什么不同的行为？为什么有些浏览器区分大小写而其他浏览器不敏感？

Answer 1

您在css中使用camelCase，但类名不是camelCase。 HTML为case sensitive。

Example

＆＃13;

＆＃13;

.elementa {
    height: 50px;
    width: 50px;
    background: red;
}

.elementA {
    background: yellow;
}

＆＃13;

<div class="elementa">
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

class（css）和html（tableHeader）

中有不同的tableheader名称

＆＃13;

＆＃13;

.tableHeader {
    background: #428bca !important; /*blue*/
    color:white;     
}

＆＃13;

<table>
  <thead class="tableHeader">
    <tr>
      <th>
        skdksl
      </th>
    </tr>
  </thead>
</table>

＆＃13;

＆＃13;

＆＃13;