審查 CSS 片段
格式化 CSS 片段，複製 CSS 審查報告，再檢查壓縮與色彩對比。
- 1. CSS
格式化片段並複製包含 selector、token、cascade、specificity 與清單信號的報告。
- 2. CSS Min
若要分享壓縮 CSS，請檢查壓縮率、註解移除和 minify 審查報告。
- 3. Color
當片段改變前景或背景色時，用 WCAG 對比標準檢查 color token。
CSS Min程式碼隱私: 瀏覽器本機
CSS 壓縮器
壓縮 CSS，移除註解與多餘空白，用於快速檢查壓縮結果。
輸入 / 輸出
先使用工具
輸入、輸出與複製操作集中在這個主要區域。範例和檢查內容放在下方。
本機工作階段
輸入狀態只保存在此瀏覽器中，可在無帳號時恢復上次工作區。
取得結果後再檢查
完成主要輸入/輸出流程後，再開啟需要的範例、檢查清單與相關工具。
3 工具
複製前檢查
- 再次比較原始輸入與輸出形態。
- 確認目標執行環境、編碼、時區與安全政策差異。
- 繼續用相關工具檢查 CSS 壓縮器 的結果是否適合下一步。
常見失敗情況
- 壓縮 CSS，移除註解與多餘空白，用於快速檢查壓縮結果。
- 如果瀏覽器本機處理方式和真實輸入結構不一致, 輸出不能直接信任。
相關工具
指南
取得結果後再檢查
完成主要輸入/輸出流程後，再開啟需要的範例、檢查清單與相關工具。
範例
此工具的起始範例.card { display: flex; gap: 16px; color: #111; }/* handoff note */ @media (min-width:768px) { .grid { display:grid; } }#hero .title { color: rgb(10, 20, 30); }使用情境
程式碼- 壓縮 CSS，移除註解與多餘空白，用於快速檢查壓縮結果。
- 以瀏覽器本機方式處理輸入，並在複製前檢查結果。
- 搭配 CSS 壓縮器 與相關工具縮短工作流程。
- 再次比較原始輸入與輸出形態。
- 確認目標執行環境、編碼、時區與安全政策差異。
- 繼續用相關工具檢查 CSS 壓縮器 的結果是否適合下一步。