使用步驟
- 貼上 CSS 程式碼。
- 選擇是否重組規則、是否保留版權註釋。
- 點選「壓縮」,或按 Ctrl+Enter(Mac 上是 ⌘+Enter)。
- 複製或下載壓縮後的 CSS。
引數說明
- 合併和重組規則
- 在安全的前提下合併選擇器相同或宣告相同的規則。關閉後只刪除空白、縮短數值。
- 保留版權註釋
- 保留以 /*! 開頭的註釋,這是版權宣告的慣用寫法。
使用示例
a { color: #ff0000; }
/* note */
a { margin: 0px; }
壓縮後是 a{color:red;margin:0}。
常見問題
會縮短哪些內容?
顏色(#ff0000 → red、#ffffff → #fff)、零值單位(0px → 0)、多餘的分號和引號以及空白。開啟重組後還會合並重復的規則。
重組規則會改變頁面效果嗎?
CSSO 只在層疊結果不變時才移動宣告。如果用了特殊的 hack 寫法,請對比結果或關閉重組。
程式碼會上傳嗎?
不會,壓縮在瀏覽器中完成。
隱私說明
本工具完全在瀏覽器中執行,檔案和文字都在你的裝置上處理,不會上傳到我們的伺服器。