在實際開發中，我們可能會經常遇到這樣的問題：頁面上加載了大量的CSS，但是其中一部分CSS樣式似乎沒有被使用到。這種情況下，我們想要查找并刪除無用的CSS樣式，以減小頁面的加載時間和提升性能，但如何去做呢？

下面，我們就來看一看如何通過工具來查找并刪除我們沒有用到的CSS樣式：

Step1：利用瀏覽器的檢查工具查找不必要的CSS樣式
我們可以打開開發者工具，切換至Elements面板。在開發者工具中，點擊右上角的3個小點，選擇“More tools”，然后選擇“Coverage”。這里可以展示你的CSS、JS等文件在頁面中的使用情況。
點擊右上角的“Record coverage”按鈕，刷新頁面，我們會發現頁面會自動帶領我們尋找所有沒有被用到的CSS文件。
右側的顯示面板中，綠色部分表示被使用的代碼，而紅色部分表示未被使用的代碼。
在這里，我們可以選擇把未被使用的CSS刪除，精簡頁面代碼的同時也縮短了頁面加載時間。
Step2：借助工具自動化精簡CSS樣式
我們可以使用CSS壓縮工具，自動化精簡CSS樣式，減小CSS文件的大小，從而提高頁面運行速度。前端開發中比較流行的CSS壓縮工具有很多，例如: CSSO、Crass、YUICompressor 等等。

以上兩個方法中，我們可以根據實際需要選擇其中一個或者結合使用，來達到精簡頁面代碼，提高用戶體驗的目的。