TL
Tool Lab
💰捐贈
💰捐贈

CSS驗證

線上驗證CSS程式碼並偵測語法錯誤。免費CSS驗證工具。

CSS 輸入

關於本工具

CSS 驗證器檢查 CSS 程式碼中的常見語法錯誤,包括不匹配的括號、缺少分號、格式錯誤的宣告和空規則集。

所有驗證都在瀏覽器中本地執行,不會將 CSS 傳送到任何伺服器。

使用方法

  1. 將 CSS 程式碼貼到輸入區域,或點擊範例(有效)或範例(有錯誤)載入範例。
  2. 點擊驗證以執行驗證檢查。
  3. 查看結果 — 錯誤以紅色帶行號顯示,警告以琥珀色顯示。
  4. 在 CSS 編輯器中修復問題,並重新驗證直到沒有錯誤為止。

使用情境

前端開發人員除錯無法正確套用的樣式。學習 CSS 的學生無需瀏覽器 DevTools 即可及早發現語法錯誤。

常見問題

  • 這會根據 W3C 規範驗證 CSS 屬性嗎?不會。此工具檢查結構語法(括號、分號、冒號)。
  • 為什麼我的有效 CSS 顯示警告?驗證器使用啟發式方法,可能會標記邊緣案例。警告是資訊性的。
  • 它支援 CSS 變數和自訂屬性嗎?是的。包含 --variable-name 的行被識別為自訂屬性宣告。
  • 我的 CSS 會傳送到伺服器嗎?不會。驗證完全在瀏覽器中使用 JavaScript 執行。