CSS驗證
線上驗證CSS程式碼並偵測語法錯誤。免費CSS驗證工具。
CSS 輸入
關於本工具
CSS 驗證器檢查 CSS 程式碼中的常見語法錯誤,包括不匹配的括號、缺少分號、格式錯誤的宣告和空規則集。
所有驗證都在瀏覽器中本地執行,不會將 CSS 傳送到任何伺服器。
使用方法
- 將 CSS 程式碼貼到輸入區域,或點擊範例(有效)或範例(有錯誤)載入範例。
- 點擊驗證以執行驗證檢查。
- 查看結果 — 錯誤以紅色帶行號顯示,警告以琥珀色顯示。
- 在 CSS 編輯器中修復問題,並重新驗證直到沒有錯誤為止。
使用情境
前端開發人員除錯無法正確套用的樣式。學習 CSS 的學生無需瀏覽器 DevTools 即可及早發現語法錯誤。
常見問題
- 這會根據 W3C 規範驗證 CSS 屬性嗎? — 不會。此工具檢查結構語法(括號、分號、冒號)。
- 為什麼我的有效 CSS 顯示警告? — 驗證器使用啟發式方法,可能會標記邊緣案例。警告是資訊性的。
- 它支援 CSS 變數和自訂屬性嗎? — 是的。包含 --variable-name 的行被識別為自訂屬性宣告。
- 我的 CSS 會傳送到伺服器嗎? — 不會。驗證完全在瀏覽器中使用 JavaScript 執行。