Phần mềm chuyển đổi SCSS sang CSS.
Phần mềm chuyển đổi SCSS sang CSS miễn phí, không cần cài đặt. Chuyển đổi các file SCSS/SASS sang định dạng CSS.
Giới thiệu về SCSS sang CSS
Làm phẳng tính lồng nhau của SCSS thành CSS thông thường bằng cách phân tích các khối quy tắc dựa trên thụt lề. Công cụ nối các bộ chọn lồng nhau với bộ chọn cha của chúng (có tính đến cách viết tham chiếu cha với &), xuất mỗi quy tắc cùng các thuộc tính của nó và loại bỏ các tính năng riêng của SCSS như chú thích dòng và khai báo $variable.
Cách sử dụng
1. Dán SCSS vào hộp nhập liệu. 2. Bấm Convert để kết xuất CSS trong hộp kết quả. 3. Dùng Copy để sao chép kết quả. Nếu ô trống đầu vào sẽ xuất hiện thông báo lỗi.
Lồng nhau và biến
Các bộ chọn lồng nhau được nối với bộ chọn cha bằng một khoảng trắng, ví dụ .parent .child. Một bộ chọn con bắt đầu bằng & (bao gồm các lớp giả như &:hover) được nối trực tiếp vào cha mà không có khoảng trắng. Các khai báo $variable của SCSS được thay thế bằng chú thích /* $variable removed */, và mọi lần dùng $name còn lại trở thành var(--variable), do đó kết quả là CSS hợp lệ dù không thực hiện phân giải biến đầy đủ.
▶Bộ phân tích phát hiện độ sâu lồng nhau như thế nào?
▶Các biến SCSS được xử lý như thế nào?
▶Có hỗ trợ @include, @mixin hoặc @extend không?
▶Chú thích cùng dòng có được giữ lại không?
Nếu công cụ này đã giúp ích cho bạn, hãy nghĩ đến việc mua một cốc cà phê cho tôi.
Hãy mua cho tôi một cốc cà phê nhé.