Trình chuyển đổi CSS Preprocessor
Chuyển đổi qua lại giữa LESS, SCSS, SASS, Stylus và CSS. Dùng trình biên dịch thật cho các hướng "sang CSS", còn lại dùng phương pháp heuristic.
Đang tải trình chuyển đổi...
Cách dùng
- 1 Chọn ngôn ngữ nguồn và ngôn ngữ đích.
- 2 Dán stylesheet của bạn vào.
- 3 Kết quả hiển thị ngay khi bạn gõ. Các thư viện nặng chỉ được tải khi cần, ở lần chuyển đổi đầu tiên.
- 4 Sao chép hoặc tải kết quả về.
Vì sao dùng công cụ này
- Hỗ trợ đủ 5 định dạng: LESS, SCSS, SASS (indented), Stylus và CSS thuần.
- Dùng trình biên dịch thật khi có thể: <code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">less</code>, <code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">sass</code>, <code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">stylus</code> cho các hướng "sang CSS".
- Các hướng còn lại dùng phép biến đổi heuristic (đổi ký hiệu biến, định dạng lại dấu ngoặc/thụt lề) — nhanh nhưng không phải transpile đầy đủ.
- Hoàn toàn xử lý phía client — stylesheet của bạn không bao giờ rời khỏi trình duyệt.
Câu hỏi thường gặp
Những hướng chuyển đổi nào dùng trình biên dịch thật?
LESS sang CSS, SCSS sang CSS, SASS sang CSS và Stylus sang CSS đều dùng trình biên dịch chính thức. Các hướng còn lại dùng phương pháp heuristic — đổi ký hiệu biến (@ với $) và định dạng lại dấu ngoặc/thụt lề.
Vì sao SCSS sang LESS chỉ dùng heuristic?
Không tồn tại trình biên dịch gốc từ SCSS sang LESS. Mixin, control directive và hàm dựng sẵn giữa hai ngôn ngữ này khác nhau. Công cụ chỉ đổi ký hiệu biến và cảnh báo — bạn có thể cần chỉnh sửa thủ công thêm.
Điều gì xảy ra nếu thư viện tải không thành công?
Công cụ sẽ tự động xử lý an toàn (graceful degrade) và trả về nội dung đầu vào kèm chú thích "library unavailable". Trang sẽ không bao giờ bị crash.
Đang tìm công cụ định dạng CSS?
Có đấy — xem <a href="/css-formatter" class="underline">CSS Formatter</a> của chúng tôi.
Trình chuyển đổi CSS Preprocessor là gì?
Trình chuyển đổi CSS Preprocessor là công cụ chuyển đổi stylesheet giữa LESS, SCSS, SASS, Stylus và CSS thuần ngay trên trình duyệt. Công cụ dùng trình biên dịch thật cho các hướng biên dịch về CSS, và dùng phép biến đổi heuristic cho các hướng chuyển đổi còn lại, chuyển cú pháp giữa các định dạng preprocessor hoàn toàn phía client.
Trình chuyển đổi CSS Preprocessor là công cụ lập trình miễn phí của Zerethon Tools. Chuyển đổi qua lại giữa LESS, SCSS, SASS, Stylus và CSS. Dùng trình biên dịch thật cho các hướng "sang CSS", còn lại dùng phương pháp heuristic. Chạy hoàn toàn trong trình duyệt — không đăng ký, không tải lên.
- Danh mục
- Lập trình
- Giá
- Miễn phí
- Quyền riêng tư
- Chạy trên trình duyệt
- Đăng ký
- Không cần
Quyền riêng tư
Dữ liệu của bạn không bao giờ rời khỏi trình duyệt trừ khi được nêu rõ. Trình chuyển đổi CSS Preprocessor chạy hoàn toàn phía client — không tải lên máy chủ, không ghi log, không theo dõi dữ liệu bạn nhập.
Công cụ liên quan
Trình định dạng JSON
Định dạng, kiểm tra và rút gọn JSON trực tuyến. Miễn phí, không cần đăng ký — dữ liệu không rời khỏi trình duyệt của bạn.
Mở công cụTrình định dạng SQL
Định dạng truy vấn SQL trực tuyến — làm đẹp mã cho MySQL, PostgreSQL, SQLite, SQL Server, Oracle và BigQuery.
Mở công cụTrình tạo UUID
Tạo UUID trực tuyến — v1, v4, v7 và Nil. Tạo hàng loạt tới 10.000. Miễn phí, không cần đăng ký.
Mở công cụTrình tạo mật khẩu
Tạo mật khẩu ngẫu nhiên mạnh, an toàn về mặt mật mã. Tùy chỉnh độ dài và bộ ký tự — chạy trong trình duyệt của bạn.
Mở công cụXây dựng, chia sẻ và phát triển trên Zerethon Social
Đăng ký miễn phí. Kiếm điểm, sưu tầm thành tựu và kết nối với nhà sáng tạo khắp thế giới.