最近向服務器上上傳頁面，原本服務器有頁面的，已經用JS把它們覆蓋掉了，不過在上傳過頁面后又發現有些樣式被原來的樣式依然覆蓋著。審查元素后發現，有的元素的樣式里面有如下的樣式提示：

<span style=”font-family:Microsoft YaHei;font-size:14px;”>element.style{
top:30px;
}</span>

在我上傳的CSS里面沒有定義但是上傳之后卻出現了。在網上百度了一下，出現問題的原因可能是system.css中定義的樣式或者是js所致，根本原因在于CSS的優先級順序導致你所定義的樣式被覆蓋掉。解決這個問題的方法很簡單，就是在你被覆蓋掉的樣式后面面加上 ‘ ！ important;’因為CSS優先級的問題，這個樣式會被調用。比如說：

<span style=”font-family:Microsoft YaHei;font-size:14px;”>#logo{
width: 100px !important;
}</span>

!important對于奇葩的IE6以上都可以兼容，所以可以放心使用。