2015-11-02 77 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>

相關問題