css突然失效

css失效的原因：

一、div 標籤未關閉

這是版面設計失效的最常見原因之一。當我們瞭解到這是多少精緻的版塊設計失效的罪魁禍首時，總會大吃一驚。開啟的div標籤是最普遍的版塊設計失誤之一，也是最難診斷的失誤之一。驗證程序有時會指向錯誤的開啟div標籤，診斷時就像大海撈針一樣麻煩。

二、不當的DOCTYPE聲明

不聲明DOCTYPE，或者在文件開始錯誤聲明DOCTYPE，也是一個常見錯誤。根據一般經驗，Strict DOCTYPE是大家追求的最高級驗證。Strict validation表明你的網頁能夠在所有瀏覽器上都得到最佳展示。

三、結尾斜線

如果你的網站不能驗證，很有可能是在代碼的某個地方漏寫了結尾斜線。我們很容易忽略結尾斜線之類的東西，特別是在image標籤等元素中。

在嚴格的DOCTYPE中這是無效的。要在img標籤結尾處加上“/”以解決此問題。

四、JavaScript

如果已經聲明Strict DOCTYPE，就需要在JavaScript中覆蓋CDATA標籤。驗證程序的這一方面難倒了很多程序員，因為網站傾向於為廣告和追蹤腳本使用嵌入的 JavaScript。

五、不良嵌套

嵌套就是元素裏又包括元素，我們容易混淆嵌套元素的順序。例如在div標籤前啟動strong標籤，但又先關閉div標籤。這可能不會改變版塊佈局，但卻會使你的版塊設計失效。

如果仍無法發現，建議用“開發者模式”/“調試模式”（F12打開）查看對應元素繼承了哪些屬性，是不是其他的樣式覆蓋了自己設置的樣式。