CSS Diff Checker
貼上 CSS 程式碼的兩個版本，即可搭配 CSS 語法醒目提示，比較新增、刪除與修改的行。比對完全在您的瀏覽器本機執行。
原始文字
修改後文字
鎖定 CSS 語法
本頁會自動套用 CSS 語法醒目提示，比較檔案前不必先選擇語言。
本機私密比對
比對在您的瀏覽器中執行。原始碼、API 資料與設定檔都不會上傳到伺服器。
並排或合併檢視
並排檢視適合左右對照審查，合併檢視以單欄精簡呈現變更；檔案較大時，還可以隱藏未變更的行。
線上比較 CSS 檔案
這個 CSS 比對工具專為需要快速、私密比較程式碼與設定變更的開發者設計。貼上兩個版本並執行比較，就能在已啟用 CSS 語法醒目提示的情況下，檢視新增、刪除與行內修改。
在左側貼上或上傳原始的 CSS 檔案。
在右側貼上或上傳修改後的 CSS 檔案。
點選「比較」，以並排檢視或合併檢視查看結果；若只想看修改過的區段，可隱藏未變更的行。
在瀏覽器中私密比對 CSS 檔案
比對在您的瀏覽器本機執行，原始碼、API 回應、機密資訊與設定檔都會留在您的裝置上。為了方便復原，最近一次工作階段可能會儲存在瀏覽器儲存空間中，您隨時可以在工具中清除。
常見的 CSS 比對情境
部署前審查 design token 的修改。
格式化後找出新增或刪除的宣告。
CSS 語法醒目提示
本頁的語法醒目提示固定為 CSS，不必再透過語言選擇器切換。剖析器會著重辨識選擇器、自訂屬性、媒體查詢與宣告等語法元素，比對引擎則負責標示實際的文字變更。
.css
參考資料：MDN CSS 參考文件
CSS 比對工具常見問題
CSS 比對工具能做什麼？
這個工具會比較 CSS 程式碼的兩個版本，並標示新增、刪除與修改的行。語法醒目提示固定為 CSS，審查變更時更容易辨識各種語法元素。
CSS 比對工具會上傳我的檔案嗎？
不會。比對在您的瀏覽器中執行，點選「比較」時，您的檔案不會上傳到伺服器。
可以比較哪些 CSS 檔案類型？
您可以貼上或上傳 .css 等純文字檔案。任何文字檔案都能比較，但本頁會自動套用 CSS 語法醒目提示。
可以比較大型 CSS 檔案嗎？
可以。比對會在背景執行緒中進行，讓瀏覽器保持順暢回應。不過，非常大的檔案在您的裝置上仍可能需要幾秒鐘。