Nén CSS online (CSS minifier)
Bỏ chú thích, khoảng trắng và dấu chấm phẩy thừa khỏi file CSS. Khoảng trắng trong calc, trong url không đóng ngoặc kép, và dấu cách giữa hai bộ chọn được giữ nguyên — đó là những chỗ mà công cụ nén ẩu làm hỏng bố cục mà không báo lỗi.
Cách dùng
- Dán mã CSS vào ô bên trái, kết quả hiện ngay bên phải.
- Bấm "Dán mã mẫu" nếu bạn muốn thử trước xem công cụ làm gì.
- Khoảng trắng trong calc(), trong url() và giữa các bộ chọn được giữ nguyên — bỏ đi là đổi nghĩa.
- Bấm "Chép kết quả" rồi dán vào file của bạn.
Câu hỏi thường gặp
Vì sao khoảng trắng trong calc lại không bị bỏ?
Vì calc(100% - 8px) mà bỏ dấu cách thành calc(100%-8px) thì trình duyệt không hiểu và bỏ qua cả dòng đó. Bố cục lệch mà không có lỗi nào hiện ra — kiểu hỏng khó tìm nhất.
Bộ chọn .a .b và .a.b khác nhau ra sao?
Cái đầu chọn phần tử b nằm bên trong a, cái sau chọn phần tử mang cả hai lớp. Dấu cách ở đây là một toán tử chứ không phải khoảng trắng thừa, nên công cụ giữ nguyên.
Có làm gộp các quy tắc trùng nhau không?
Không. Công cụ chỉ bỏ thứ không mang nghĩa, không viết lại mã của bạn. Gộp quy tắc là việc cần hiểu thứ tự ưu tiên của cả file, và làm sai thì kết quả hiển thị sẽ đổi.
Chú thích ghi giấy phép có bị xoá không?
Không. Chú thích bắt đầu bằng dấu chấm than được giữ lại, vì đó là quy ước chung để đánh dấu bản quyền của thư viện.
Cập nhật lần cuối . Công cụ chạy hoàn toàn trên trình duyệt — dữ liệu bạn nhập không rời khỏi máy.