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開啟）檢視對應元素繼承了哪些屬性，是不是其他的樣式覆蓋了自己設定的樣式。