頭一天寫的好好的檔案,今天突然css樣式不起作用了,毫無頭緒,甚至想不出應該怎麼找問題.
可能的情況,覆蓋?bootstrap的覆蓋了自定義的?但是設定了important也沒有用.那麼就不是覆蓋的問題
可能是沒有引用到?路徑不對?如果故意修改檔名,會報錯,那麼也不是沒有引用到的問題
那是什麼原因呢?看起來,又像是覆蓋的問題,加入行內樣式是沒問題的.
檢視除錯工具,發現對於'style.css'的response點開沒有居然沒有內容
the request has no response data available
這可奇怪了.
難道是style.css檔名有問題?新建一個mystyle.css,發現問題修復.
可是用火狐開啟,連結仍舊是style.css也沒有問題,那麼也不是檔名稱的問題
會是快取問題嗎?於是清除歷史記錄
關閉瀏覽器,然後重新開啟,再次訪問,居然意外的好了.
看來是谷歌的快取問題.令人不解的是cmd+r重新整理為啥沒有用呢?
修改style.css中的程式碼,儲存,重新整理頁面,更新後的樣式不起作用,清除歷史記錄,解決問題.驗證問題確實是因為快取的緣故.
但是這很奇怪.
修改之後cmd+s儲存,然後重新整理,可以,問題是因為改完之後沒有儲存(前面改完以為儲存了,其實沒有儲存),啊,真是愚蠢至極的錯誤.
修改css但不儲存,重新整理頁面,發現
狀態碼是304,提示了未曾沒修改,response也是有內容的,只是新改的沒有儲存,所以沒有顯示,獲取的還是舊的
那麼奇怪的是`the request has no response data available`這是什麼原因呢?狀態碼是200,但是請求沒有內容可以獲取?
總結,css失效的可能的原因:
- 樣式覆蓋
- css檔案引用路徑錯誤
- 修改沒有儲存