Cách sử dụng
- Dán mã CSS của bạn.
- Chọn có gộp và sắp xếp lại quy tắc hay không, và có giữ chú thích bản quyền hay không.
- Nhấn Thu gọn, hoặc bấm Ctrl+Enter (⌘+Enter trên Mac).
- Sao chép hoặc tải xuống CSS đã nén.
Giải thích tùy chọn
- Gộp và sắp xếp lại quy tắc
- Kết hợp các quy tắc có cùng selector hoặc cùng khai báo khi làm vậy là an toàn. Tắt tùy chọn này nếu chỉ muốn xóa khoảng trắng và rút gọn giá trị.
- Giữ chú thích bản quyền
- Giữ lại các chú thích bắt đầu bằng /*!, quy ước dùng cho thông báo bản quyền.
Ví dụ
a { color: #ff0000; }
/* note */
a { margin: 0px; }được nén thành a{color:red;margin:0}.
Câu hỏi thường gặp
Những gì sẽ được rút gọn?
Màu sắc (#ff0000 → red, #ffffff → #fff), đơn vị của số 0 (0px → 0), dấu chấm phẩy và dấu nháy dư, và khoảng trắng. Khi bật sắp xếp lại, các quy tắc trùng lặp sẽ được gộp.
Sắp xếp lại quy tắc có làm trang của tôi hiển thị khác đi không?
CSSO chỉ di chuyển khai báo khi kết quả cascade không đổi. Nếu bạn dựa vào các hack CSS đặc biệt, hãy so sánh kết quả hoặc tắt tùy chọn sắp xếp lại.
Mã của tôi có bị tải lên máy chủ không?
Không. Việc nén diễn ra ngay trong trình duyệt của bạn.
Quyền riêng tư
Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Tệp và văn bản được xử lý ngay trên thiết bị và không bao giờ được tải lên máy chủ của chúng tôi.