在開發網站的過程中，我們常常會使用預設好的 CSS 樣式，以方便快捷地編寫網頁。但是，這也會導致我們的 CSS 文件因為無用而臃腫不堪，影響頁面的加載速度。因此，清理無用的 CSS 樣式是一個重要的優化方式。

那么，如何找出并刪除沒有用到的 CSS 呢？以下是一些方法：

// 方法一：使用 Chrome 開發者工具的 Coverage
1. 在 Chrome 瀏覽器中，打開網頁并按 F12 進入開發者工具頁面；
2. 選擇 Coverage 標簽頁；
3. 點擊左上角的 Reload 頁面按鈕，讓開發者工具重新加載頁面；
4. 工具會自動分析頁面加載之后，哪些 CSS 文件被使用，哪些沒有被使用。我們可以點擊對應的文件查看詳情，包括哪些選擇器、屬性被使用、未被使用；
5. 找到無用的樣式，從 CSS 文件中刪除即可。
// 方法二：使用 PurifyCSS 工具
1. 在命令行工具中安裝 PurifyCSS：npm install -g purify-css；
2. 把需要清理無用 CSS 樣式的 HTML 文件和相關 CSS 文件通過命令行工具傳入 PurifyCSS 進行分析；
3. 工具會自動分析哪些 CSS 樣式被使用，哪些沒有被使用，并生成新的 CSS 文件，只包含被使用的樣式。我們可以將這個新的 CSS 文件直接替換原先的 CSS 文件。
// 方法三：手動查找刪除未使用的 CSS
1. 根據頁面中需要的樣式，在 CSS 文件中逐一排查，將這些樣式挑選出來，并保存在一個新的 CSS 文件中；
2. 然后，我們可以在網頁中逐一刪除 CSS 引用鏈接，進行比較確認，哪些樣式沒有使用到。

以上是幾種清理無用 CSS 樣式的方法。清理無用的 CSS 樣式可以有效減少文件大小，縮短頁面加載時間，提高用戶訪問體驗，是網站優化中的一個重要步驟。因此，我們應該經常檢查并清理無用的 CSS 樣式。