Trực tuyến LESS to CSS Converter

LESS To CSS Converter giúp bạn chuyển đổi LESS sang CSS trực tuyến.

Công cụ chuyển đổi LESS sang CSS đơn giản nhất

Công cụ trực tuyến miễn phí này cho phép bạn chuyển đổi tệp LESS thành tệp CSS. Chỉ cần dán LESS của bạn vào biểu mẫu bên dưới và nó sẽ ngay lập tức được chuyển đổi sang CSS. Miễn phí

Công cụ chuyển đổi LESS sang CSS là gì?

Bộ chuyển đổi LESS sang CSS này chuyển đổi dữ liệu và tệp LESS thành dữ liệu và tệp CSS. Bộ chuyển đổi này cho phép tùy chỉnh LESS đầu vào và CSS đầu ra Nó cũng chấp nhận các tệp LESS với các ký tự phân cách cột tùy chỉnh và ký tự trích dẫn trường. Nó hỗ trợ các dòng bình luận và bạn có thể tùy chọn bỏ qua các dòng trống. Bạn cũng có thể thay đổi số lượng khoảng trắng để sử dụng trong thụt lề CSS đầu ra.

Làm cách nào để chuyển LESS sang CSS?

Bước 1: Chọn đầu vào của bạn. Nhập dữ liệu.
Bước 2: Chọn tùy chọn đầu ra (tùy chọn) Tùy chọn đầu ra.
Bước 3: Tạo đầu ra.

Ví dụ về trình chuyển đổi LESS sang CSS

ÍT HƠN

@base: 24px;
@border-color: #B2B;

.underline { border-bottom: 1px solid green }

#header {
  color: black;
  border: 1px solid @border-color + #222222;

  .navigation {
    font-size: @base / 2;
    a {
    .underline;
    }
  }
  .logo {
    width: 300px;
    :hover { text-decoration: none }
  }
}

CSS

.underline {
    border-bottom: 1px solid green;
}
#header {
    color: black;
    border: 1px solid #dd44dd;
}
#header .navigation {
    font-size: 12px;
}
#header .navigation a {
    border-bottom: 1px solid green;
}
#header .logo {
    width: 300px;
}
#header .logo :hover {
    text-decoration: none;
}