2015-11-02 78 views
1

我有一个<thead>不显示其背景颜色。然而所有其他CSS规则正常工作。下面是我写IE 11只拾取一些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规则有一个大写字母..但.. ..我的问题仍然是一样的。为什么不同的行为?为什么有些浏览器区分大小写,其他浏览器不是?

回答

1

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

Example

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

 
.elementA { 
 
    background: yellow; 
 
}
<div class="elementa"> 
 
</div>

+0

似乎铬和firefox是不区分大小写的。谢谢 – Notaras

+0

@kapetanios我必须提交我的编辑,我应该说,虽然CSS通常是大小写不敏感*,HTML *是*区分大小写 - 正如我提供的链接中所述 - 很高兴它帮助 – justinw

1

你有csstableHeader)不同class名称和HTML(tableheader

.tableHeader { 
 
    background: #428bca !important; /*blue*/ 
 
    color:white;  
 
}
<table> 
 
    <thead class="tableHeader"> 
 
    <tr> 
 
     <th> 
 
     skdksl 
 
     </th> 
 
    </tr> 
 
    </thead> 
 
</table>

相关问题