修改了css文件後，不法獲取到修改後的樣式解決辦法

我們在設計一些前端頁面的時候，常常可能會遇到遇到關於css樣式應用不上的時候，這個時候該怎麼排查呢，下面我給大家介紹一下：

首先，先試一下清理瀏覽器緩存和重啓瀏覽器，很多時候都是瀏覽器緩存搞得鬼，清理一下就可以應用樣式了。如果上面的方法還是不能的話，請看下面的分析：

下面會給大家介紹每一種錯誤，再次請大家先試一下清理瀏覽器的緩存，很多時候你並沒有錯，就是瀏覽換錯的問題

常見錯誤解決辦法

未關聯外部樣式表

辛辛苦苦寫好了代碼，發現所有的樣式都不能應用，最後發現自己忘了關聯外部樣式，==如果你的樣式全部不生效，首先確認關聯了樣式表沒有，或者關聯的樣式位置，名字是否正確

<link rel="stylesheet" href="css/index.css"/>

樣式表報錯的編碼錯誤

如果懷疑css表的編碼錯誤，可以直接將css文件以utf-8的編碼另存一個文件就可以了

選擇器寫錯

1. 寫後代子代選擇等，涉及多個標籤，類名、id等，子選擇器的順序、名字等寫錯了，均可能導致出錯；

2. html裏的標籤忘記寫類名、id了，而選擇器用了這些漏寫的類名、id等，樣式自然不會生效。

3. 後代選擇器有沒有寫上空格；

4. 像 div.box{} 這類選擇器會不會寫成了 div .box{}，即多寫了一個空格

語法錯誤

以谷歌瀏覽器的開發者工具爲例，一般語法錯誤會顯示爲該樣式被劃去，樣式左側有圖標提示，鼠標移入會顯示英文提示。

樣式被層疊

如果是層疊導致的話，則需要提高樣式的優先級

常用的方法有：往選擇器中添加元素，提高其特指度，或者在樣式分號前空格加!important,如下：

background-color: pink !important;

CSS樣式不生效往往是由於一些細微的地方導致的，希望本篇文章能幫助你快速找到錯誤。各位如果有所補充的也歡迎留言，一起共同進步。